/*==================================================
css: content

server/static/css/styles.css L13
server/static/css/main.css L3064
server/static/css/fonticons.css L6519
server/static/css/widget.css L6772
server/static/css/fonticons.wiki.css L7508
dilibri/static/css/styles.css L7848
dilibri.db.css L8202
==================================================*/

/* from server/static/css/styles.css */
/* common */
/* layer */
/* nav  */
/* page */
/* markdown transcript wiki */

:root {

  --scrollbarWidth: 22px;
  --inner-width: 100vw;

  --body-font: Helvetica, Open Sans, sans-serif;
  --body-font-color: #333;
  /* 1040 legacy skins only, see base23 */
  --tiles-width: 1040px;
  --tiles-spacing: 16px;
  --tiles-cap-height: 50px;

  --zoompane-bgColor: #f0f0f0;
  --thumbToggler-height: 40px;

  --nav-map-height: 300px;

  --searchterm-bg: #DFEFFF;

  --customMenu-backdrop-bgColor: rgb(200, 200, 200, 0.2);
  --customMenu-backdrop-filter: blur(2px);
}
/* z-index */
@media all {
  .vlsDropdown {
    z-index:40;
  }
   #debugpanel {
    z-index:40;
  }
  #disclaimerCookieSmall {
    z-index: 38;
  }
  #disclaimerCookie {
    z-index: 38;
  }
  #custom-menu-layer.toggled {
    z-index: 20;
  }
  a#scrollTop {
    z-index: 14;
  }
  .pageviewStructure-tree {
    z-index: 12;
  }
  #moreEditActions {
    z-index:11;
  }
  .bd-portal #listNavigation.layer {
    z-index: 10;
  }
  .flex-direction-nav a {
    z-index: 10;
  }
  #zoom__thumbSlider {
    z-index: 10;
  }
  .structure-layer-navPath#navPath {
    z-index: 7;
  }
  .vl-pageview-controls {
    z-index: 6;
  }
  #map .ol-zoom {
    z-index: 5;
  }
  #searchinfo.modern {
    z-index: 2;
  }
  .pageLoader {
    z-index:10;
  }
}

abbr {
    text-decoration: none;
}

body {
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	position:relative;
}

body, td {
	font-family:Segoe UI, "Helvetica Neue", Arial;
}

html {
  height: 100%;
}
body {
  overflow-x: hidden;
}
.fullwidth {
  width: 100vw;
  margin-left: calc(50% - 50vw + 0.5 * var(--scrollbarWidth));
}
.fileext {
  text-transform: uppercase;
}

/* menubox */

.menubox li {
  list-style: none;
  list-style-image: none;
}
.menubox ul ul {
  padding-left: .75em;
}

/* */
.btn {
  cursor: pointer;
}

.vl-pbuttons .info:before {
	content: var(--icon-info);
}
a .hide-underlined {
  display: none;
}
.ln-ico:before {
  padding: 0 .2em;
  font-family: var(--icon-fontFamily);
}
a.vlIcon, a.vlIcon:hover {
  text-decoration: none;
}

.ln-autor:before {
  content: var(--icon-inline-autor);
}
.ln-place:before {
  content: var(--icon-inline-place);
}
.ln-subject:before {
  content: var(--icon-inline-subject);
}
.ln-dnb:before {
  content: var(--icon-inline-dnb);
}
.ln-epub:before {
  content: var(--icon-inline-epub);
}
.ln-google:before {
  content: var(--icon-inline-google);
}
.ln-mets:before {
  content: var(--icon-inline-mets);
}
.ln-orcid:before {
  content: var(--icon-inline-orcid);
  color: var(--icon-inline-orcid-color);
}
.ln-pdf:before {
  content: var(--icon-inline-pdf);
}
.ln-subject:before {
  content: var(--icon-inline-subject);
}
.ln-wiki:before {
  content: var(--icon-inline-wiki);
}
.ln-ddc:before {
  content: var(--icon-inline-ddc);
}
.ln-gbv:before {
  content: var(--icon-inline-gbv);
}
.ln-html:before {
  content: var(--icon-inline-html);
}
.ln-iiif:before {
  content: var(--icon-inline-iiif);
}
.ln-zip:before {
  content: var(--icon-inline-zip);
}
.ln-share:before {
  content: var(--icon-inline-share);
}
.ln-info:before {
  content: var(--icon-inline-info);
}
.ln-ulan:before {
  content: var(--icon-inline-ulan);
}
.ln-bib_search:before {
  content: var(--icon-inline-bib_search);
}
.ln-urn:before {
  content: var(--icon-inline-urn);
}
.ln-zdb:before {
  content: var(--icon-inline-zdb);
}
.ln-geo:before {
  content: var(--icon-inline-geo);
}
.ln-download:before {
  content: var(--icon-inline-download);
}
.ln-oai:before {
  content: var(--icon-inline-oai);
}
.ln-time:before {
  content: var(--icon-inline-calendar);
}

/* pagetext */
@media all {

  #imageGrid {
    display: flex;
    flex-wrap: wrap;
  } #imageGrid > * {
    flex: 1;
  }
  #imageGrid > .focusControl {
    flex:0 0 0;
  }

  .focusControl > * {
    position: absolute;
    z-index: 1;
    top: 150px;
    margin-left: calc(-1 * 32px / 2);
    margin-top: 32px;
  }
  .focusControl .btn {
    width: 32px;
    height: 32px;
    content:'';
    color: var(--button-color);
    font-family: var(--icon-fontFamily);
    background-color: var(--button-bgColor);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .focusControl .btn.up {
    border-radius: 100% 100% 0 0;
  }
  .focusControl .btn.down {
    border-radius: 0 0 100% 100%;
  }
  .focusControl .btn.lmt:before {
    opacity: .65;
  }
  .focusControl .btn.down.lmt:before {
    /* border-bottom: 2px solid var(--button-color); */
  } .focusControl .btn.up.lmt:before {
    /* border-top: 2px solid var(--button-color); */
  }
  .focusControl i{
    display: none;
  }
  /*.pt-img, .pt-txt */
  .pt-txt {
    background-color: var(--zoompane-bgColor);
  }
  .pt-txt > * {
    height: 100%;
  }

  .wiki-pageframe { /* main.js adjustZoomHeight */
    height: 100%;
    min-height: 335px;
  }
  .wiki-pageframe {
    margin-top: 0px;
    position: relative;
    /*overflow-y: scroll;
    mask-image: linear-gradient(to top, transparent, black),
      linear-gradient(to left, transparent 17px, black 17px);
    mask-size: 100% 20000px;
    mask-position: left bottom;
    -webkit-mask-image: linear-gradient(to top, transparent, black),
      linear-gradient(to left, transparent 17px, black 17px);
    -webkit-mask-size: 100% 20000px;
    -webkit-mask-position: left bottom;
    transition: mask-position 0.3s, -webkit-mask-position 0.3s;
  */}
  .wiki-pageframe :hover {
    -webkit-mask-position: left top;
  }

  /* wiki-pagetext */

  #transcriberLandingpage {
  }
  #transcriberStatusinfo {
  }

  #wikipreview {
    padding-left:10px;
  }
  .wiki-pageimg {
  }
  .wiki-pageframe {
  }
  .wiki-pagetext.empty-yet {
    /*opacity:.7*/
  }
  .wiki-pagetext .wiki article {
    display: block;
  }
  .wiki-pagetext .wiki article > * {
    padding: 0;
  }
  .wiki-pagetext .wiki article ol, .wiki-pagetext .wiki article ul {
    padding-left: 2em;
  }

  .transcriber-info {
    padding:10px;
  }
  .transcriber-info > .authby {
    font-size:.9em;
    color:#888;
  }
  .transcriber-info > .by-other {
    font-family: monospace;
    background-color:#fafafa;
    border:1px solid #ddd;
    border-radius:2px;
    padding:.2em .4em;
    margin:.0 0 .5em
  }

  #wikipreview.wiki-pagetext {
    border:0;
  }
  .wiki-pagetext p {
    margin-bottom:0;
  }
  .wiki-pagetext h2 {
  }
  .wiki-pagetext .footnotes {
    font-size:.9em;
  }
  .wiki-pagetext.centered-msg > .no-transcription-yet,
  .wiki-pagetext.centered-msg > .transcription-in-progress {
    align-self: center;
    margin: 0 auto;
    flex-grow: 0;
  }

  .pagetext {
    line-height: 1.5em;
    margin: 0 auto;
    top: 0px;
    overflow-y: auto;
  }

  .pagetext > * {
    padding:30px 0 40px 0;
  }
  .transcriber-info, .pagetext, .pagebottom {
    background-color: white;
    position: absolute;
    padding: 0 20px 0 30px;
    left:0%;
    right:0%;
  }
  .pagebottom:before {
    display: block;
    content:'';
    top:-60px;
    height:60px;
    background: linear-gradient(0deg, white, transparent);
    position: absolute;
    left:0;
    right:0;
    z-index: 1;
  }
  .pagetext, .pagebottom {
    bottom: 0;
  }
  .transcriber-info ~ .pagetext, .transcriber-info + .pagebottom {
    bottom:56px;
  }
  .unreleased {
    opacity: 0.7;
    background-color: var(--unreleased-bg);
  }
  .searchterm, .pagetext .data-vl-searchterm  {
    background-color: var(--searchterm-bg);
  }
  .mainheader .searchterm {
    background-color: transparent;
  }
  .titlesBar > .headertext .searchterm {
    color: var(--mainheader-color);
  }
  .filterAlpha li.active a:before {
    content:'';
    display: inline-block;
    position:absolute;
    background-size: 300%;
  }
  .filterAlpha > .d100, .filterAlpha li.active a {
    position: relative;
  }
  .filterAlpha li.active a:before {
    content: var(--icon-close);
    font-family: fontello;
    font-size: 0.5em;
    right: -.4em;
    top: .1em;
    width: 13px;
    height: 13px;
  }

}

/* layout tableLayout, flexstruct-list li a
Layout equivalents */


/* end layout */


/* barr */

.screenreaders {
	position: absolute;
	top:-100px;
	left:-9999px;
	font-size:0em !important;
	margin:0;
	padding:0;
	border:0;
}

/* html5 */

main {
	display:block;
}

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

.bd-sysadmin td, .bd-wiki-edit td {
	font-family: Lucida Sans Unicode, Helvetica Neue, Arial, sans-serif;
}
.bd-sysadmin th, .bd-wiki-edit th, .bd-transcript .vlsTable th {
	font-family: Helvetica Neue, Arial, sans-serif;
	font-weight:bold;
}
.bd-sysadmin th a, .bd-wiki-edit th a, .bd-transcript .vlsTable th a {
	color:#0654AC;
}
.bd-sysadmin th a:hover, .bd-wiki-edit th a:hover, .bd-transcript .vlsTable th a:hover {
  text-decoration: none;
}
#offsetChooser.transred {
  display: inline-block;
  margin: 0 2em;
  background-color: white;
  font-size: 0.8rem;
  height: 1.3rem;
  padding: .3rem;  border-radius: .2em;
}
#offsetChooser.transred > div {
  display:inline-block;
  vertical-align: middle;
}
#offsetChooser.transred > .paginglink {
  height: auto;
}
#offsetChooser.transred > div.selectedOs {
  padding: 0 .6em;
  font-size: 1em;
}
#offsetChooser.transred  {
  font-size: 0.7em;
}
/* tableLayout */

/* no margins / paddings on these elements */
table#cont,
#rowMiddle > td,
#rowMiddle > td > table#middleContent {
	padding:0 !important;
}
#rowMiddle > td > table#middleContent {
	margin:0 !important;
}

/* major layout directives */
table#cont {
	width:100%;
	height:100%;
	display: table;
}
table#topContent, table#middleContent {
	width:100%;
}
/* add gstyle demo support - firefox at least */
.bd-pages-gstyle .colmain, .bd-pages-gstyle .colmain td, #rowMiddle > td {
    height: 100%;
}
#rowMiddle > td {
	height:100vh;
}
#rowBottom td, #rowTop td {
	height:.1em;
}

.colmain {
	width:100%;
}
/* part type footer align bottom */
#footer, #bottomParts  {
	background-color:#F3F3F6;
	border-top:1px solid #ccc;
	padding:2px .3em;
}
.footerContent a {
	font-size:10px;
	font-family:Verdana;
}
/* part type footer align layer */
#footerLayer, #custom-footer.wiki-layer {
	position:fixed;
	bottom:0;
}
.bd-authorized td.footer .menubox {
	display:none; /* hide footer-aligned menubox left in wiki/?edit*/
}

.strong {
	font-weight: bold;
}
.bd-guest .debug {
  display: none;
}
.invisible {
  visibility: hidden;
}
.invisible * {
  height: 0;
}
.hidden {
	position:absolute;
	width:1px;
	height:1px;
	left:-20000px;
	overflow:hidden;
}
p {
	line-height:1.5em;
	margin-top:0;
	margin-bottom:1em;
}


.wiki code {
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	border-radius: 2px;
	color: #d72b3f;
	font-family: Consolas,monaco,"Ubuntu Mono",courier,monospace!important;
	font-size: .75rem;
	line-height: .75rem;
	padding: 2px 3px 1px;
	font-variant-ligatures: none;
	tab-size: 4;
	display: inline-block;
  padding: .6em;
}

#cqlinfo {
  font-size: 10px;
  bottom: 0;
  background: ghostwhite;
  position: absolute;
  z-index: 1;
}

/* debug vlsDropdown admin etc*/
@media all {
  .checkUncheckAll {
    cursor:pointer;
    text-align:right;
    border-top:1px solid #ddd;
    font-size:.7em;
    margin-top:1em;
    font-family:Verdana;
  }
  table.sortable th:after {
    content: '';
    width: 10px;
    height: 10px;
    opacity: 0.6;
    display: inline-block;
    background: url('/static/graphics/sortable.gif') center right no-repeat;
  }
  table.sortable th:after {
    padding-right: 21px;
    cursor: pointer;
  }
  /* #wikiHist is used in wikihist and diffconfig */

  #wikiHist {
    float:right;
    margin-right: -2px;
    font-size:12px;
    border-right:2px solid #eee;
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
    border-left: 1px solid #ddd;
    border-bottom: 0;
    background-color: white;
    padding-left: 1em;
  }
  #wikiHistHead {
    height:3.5em;
    vertical-align:middle;
    color:#999;
  }
  #wikiHist * {
    font-size: 11.2px;
  }
  #wikiHistHead th {
    background-color:white;
  }
  #wikiHistHead th.left {
    text-align:left;
  }
  #wikiHist tbody tr {
    background-color:white;
  }
  #wikiHist td {
    padding:0px 2px;
    border-bottom:1px solid #eee;
  }
  #wikiHist td {
    border-right:1px solid #eee;
    padding: 0 .4em;
    width: 1%;
  }
  #wikiHist td.user {
    white-space:nowrap;
    text-overflow: ellipsis;
    width: 80%;
    overflow: hidden;
  }
  #wikiHist .right {
    text-align:right;
  }
  #wikiHist td.data {
    color:#888;
  }
  #wikiHist td.rev, #wikiHist td.diff {
    min-width: 10px;
  }
  #wikiHist td.select:active {
    background-color: #ccc;
  }
  #wikiHist td.select a:hover {
    text-decoration:none;
  }

  .user-manage {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  .user-manage tr:nth-child(odd) {
    background-color:#fafafa;
  }
  .user-manage th {
    font-weight: bold;
    vertical-align: top;
    padding: 0.75em .6em 1.25em;
    text-align: left;
    background-color: var(--sand);
  }
  .user-manage td {
    hyphens: auto;
    vertical-align: top;
    padding: .3em ;
  }
  .user-manage td.actions {
    min-width: 66px;
  }
  .user-manage td.fullname {
    min-width:14em;
  }
  .user-manage td.title {
    text-align: right;
  }

  #__currLine__ {
    width:0;
    display:inline-block;
    border-right:.5em solid #FAA;
    height:1.2em;
    vertical-align: text-top;
  }
  /* CodeMirror  */
  .splitter_container.splitter-vertical > .splitter_panel {
      border: 1px solid silver;
  }
  .splitter_container > .splitter_panel > #leftPane {
      overflow: hidden !important;
  }
  .CodeMirror {
    line-height: 1.2em;
  }
	.CodeMirror-activeline-background {
		background: none repeat scroll 0 0 #E8F2FF !important;
		}

	.cm-tab:after {
		content: "\21e5";
		display: -moz-inline-block;
		display: -webkit-inline-block;
		display: inline-block;
		width: 0px;
		position: relative;
		overflow: visible;
		left: -1.4em;
		color: #aaa;
	}
  div#selectItems {
    margin:16px 8px 0;
  }
  div.itemsInGroup {
    margin:0 8px 0 13em;
  }
  div#selectItems  ul.vlsDropdown {
    width:13em;
  }
  #vlsDropSpacer {
    font-size:5px;
  }
  div#selectItems #vlsDropSpacer {
    display:none;
  }
  ul.vlsDropdown {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    position:absolute;
    margin:0;
    padding:0;
  }
  ul.vlsDropdown li {
    margin:0;
    padding:0;
  }
  ul.vlsDropdown li a {
    box-sizing: initial !important;
  }
  ul.vlsDropdown li a:hover, div.itemsInGroup a:hover {
    background-image:url(/static/graphics/admin/bgVlsSelectHover.gif);
    color:#445;
  }
  ul.vlsDropdown li {
    display:none
  }
  ul.vlsDropdown li#selected {
    display:block;
    background-image:url(/static/graphics/admin/bgVlsSelectHover.gif);
    background-repeat:repeat-x;
  }
  ul.vlsDropdown li a, div.itemsInGroup a, .dashJumpmenu a  {
    background-image:url(/static/graphics/admin/bgVlsSelect.gif);
    background-repeat:repeat-x;
    border:1px solid #bbb;
    font: 12px Helvetica, Arial, sans-serif;
    text-decoration:none;
    white-space:nowrap;
    font-weight:bold;
    padding:4px 15px 4px 15px;
    margin-bottom:-1px;
    color:#444 !important;
    display: block;
    line-height: 17px;
    outline:none;
  }
  ul.vlsDropdown li a:visited, div.itemsInGroup a:visited {
    color:#444 !important;
  }
  ul.vlsDropdown li a:hover, div.itemsInGroup a:hover {
    text-decoration:none;
  }
  ul.vlsDropdown li a:active, div.itemsInGroup a:active {
    outline:none;
  }
  ul.vlsDropdown {
  }
  ul.vlsDropdown li#selected a {
    background:transparent url(/static/graphics/admin/thirdparty/crystal/14_layer_lowerlayer.png) 90% 50% no-repeat;
  }

  div.itemsInGroup a {
    float:left;
    margin-right:-1px;
    border-color:#ddd
  }
  ul.vlsDropdown li a#last {
    border-bottom:1px solid #aaa;
  }

  #debugpanel {
    position:fixed;
    bottom:0;
    right:0;
    font-size: 11px;
    border-right: 1px solid grey;
    border-top: 1px solid grey;
  }
  #debugdata {
    background-color: #eee;
    display:none;
    margin-right:46px;
  }

  #debugpanel > .hideit {
    cursor:pointer;
    background-color:white;
    border-left: 1px solid grey;
    color:#777;
    padding:0 1px;
    float:right;
  }
  #debugdata-ctrl.hideit {
    width:34px;
  }
  #debugpanel-ctrl.hideit {
    width:6px;
  }
  #debugdata > a {
    border-left: 1px solid grey;
    padding-left: 6px;
    padding-right: 6px;
  }
  .vlsContainer {
    margin-top: 23px;
    border:2px solid #eee;
    border-radius:2px;
    background-color:#fff;
    vertical-align:top;
  }
  .dashitem {
    display: inline-block;
    width:50%;
    vertical-align: top;
  }
  .dashitem > div {
    margin:1em 1em 3em 1em;
    border: 2px solid #eee;
    border-bottom:0 none;
    background-color:#fff;
  }

  .vlsContainer.noborder {
    border:0;
  }
  div#adminToolbar, .vlsContainer {
    margin-right:10px;
    margin-left:10px;
  }
  .vls-head, .vlsContainer .head, #dashboard .dashHead {
    margin: 18px 0;
    font-size: 1.5em;
    color: #333;
    font-family: Verdana,Arial,sans-serif;
    padding: 4px 10px;
    background-color: #F7F6F8;
  }
}
/* common */
@media all {
  select, .nodrop, #npSingle {
    font-size:11px;
    font-family: Tahoma, Helvetica, Verdana;
  }
  select[multiple] {
      height: auto;
  }
  td {
    vertical-align:top;
  }
  a, .colmain .ui-tabs-panel a {
    text-decoration:none;
    color:#0630ac;
  }
  a:hover {
    text-decoration: underline;
  }
  a img {
    border:0;
  }
  a.external:after, a.goto:after {
    content:'\2197';
    display:inline-block;
    font-size: 0.9em;
      margin: -0.4em 0 0 0.25em;
      vertical-align: super;
  }

  img.spacer {
    /*avoid img consuming additional vertical space*/
    display: inherit;
  }
  .head {
    /*border-radius:4px;*/
  }
}
/* layer */
@media all {

  #custom-menu-layer {
    background-color: transparent;
    /*width: var(--inner-width);*/
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: fixed;
    overflow: auto;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
  }
  #custom-menu-layer::-webkit-scrollbar {
    width:0;
  }

  #custom-menu-layer .paneclose {
    text-align: right;
  }

  .bd-cml-toggled {
  }
  #custom-menu-layer.toggled {
    background-color: var(--customMenu-backdrop-bgColor);
    backdrop-filter: var(--customMenu-backdrop-filter);
    pointer-events: all;
  }

  #custom-menu-layer > div, #mandant-menu-layer > div {
    position: absolute;
    overflow: auto;
    min-height: 200px;
    min-width: 340px;
    max-width: calc(var(--inner-width) * .4);
    padding: var(--spacing-2) var(--spacing-2) var(--spacing-3) var(--spacing-4);
    right: 0;
    top: 0;
    background-color: var(--customMenu-bgColor);
    color: var(--customMenu-color);
    transition: transform 0.2s;
    transform: translateX(100%);
  }

  #custom-menu-layer.toggled > div {
    transform: translateX(0);
  }
}
/* nav  */
@media all {
  .relatedItemListNavigation #facetDataMainheader > .menuheader,
  .relatedItemListNavigation #fdmhead {
    justify-content: right;
  }
  .nav, .nav-inline {
    margin: 0;
    padding-left:0;
    list-style: none;
  }
  .nav li {
    margin: 0;
  }
  .nav-inline li {
    display:inline-block;
  }
  /* navPort */
  nav.navPort {
    position: relative;
  }

  nav.navPort {
    display: flex;
    align-items: flex-start;
  }

  nav.navPort > #navPort {
    flex: 1;
  }

  #navPort {
    border-top:1px solid #dde;
    border-bottom:1px solid #e8e8f0;
    background-color:#f8f7fb;
    clear:both;
  }
  .navPort-metadata, .navPort-pages {
  }
  .navPort-nav {
  }

  .viewCtrl, .viewCtrl_sel {
    border-right:1px solid #CCCBD7;
    border-left:1px solid #fff;
  }
  .viewCtrl a, .viewCtrl_sel span {
    display: block;
    padding: 3px 1.2em 3px 1.2em;
  }
  .viewCtrl a:active {

  }
  .viewCtrl_sel {
    color:#666;
  }
  .viewCtrl, .viewCtrl_sel {
      float:left;
  }

  select, .nodrop, #npSingle {
    font-size: 1em;
  }

  .resizeControls, .naviControls, .rotateControls, div#fullScr {
    margin-top: 0;
  }


  .list-paging .vls-button, .naviControls .vls-button {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .naviControls.vls-button:after {
    display: initial;
    margin-top: initial;
  }


  .naviControls, .resizeControls, .rotateControls, .debugControls, .tabgroup, .drop {
    float:left;
  }
  .naviControls.bottomNav {
    float:none;
    white-space: nowrap;
  }
  .bottomNav > * {
    display: flex;
  }

  .resizeControls a, .naviControls.toggleMode > .toggleModeImage {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration:none;
  }
  .naviControls.toggleMode {
    position:relative;
  }
  .naviControls.toggleMode > .toggleModeImage {
    margin-right:-1px;
  }

  #navPort > .menuCtrl a:before {
    content: var(--icon-menu);
  }

  #navPort > li.menuCtrl {
    width: 1em
  }
  .naviControls {
    display: flex;
    align-items: center;
  }

  .vls-button {
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 2px;
    width: 1.5em;
  }

  a.vls-button {
    color: rgba(0, 0, 0, 0.5);
    text-decoration: none !important;
  }
  a.vls-button:hover {
    color: black;
    background-color: #fefefe;
  }
  a.vls-button:active {
    background-color: #fcfcfc;
  }
  a.vls-button.inactive, a.vls-button.inactive:hover, a.vls-button.inactive:active {
    color: rgba(0, 0, 0, 0.2);
    cursor: default;
  }
  a.vls-button:hover {
    text-decoration:none;
  }
  /*number not in use*/
  .paginglink a.number, .paginglink span.number  {
    font-size:1em;
    padding: .5em 0;
    text-align: center;
  }
  .paginglink {
    float:left;
  }
  .paginglink.nofloat {
    float:none;
  }
  .paginglink a, span.resizeControls a {
    text-decoration:none;
  }
}

/* page */

/* hocr */
.ocr_page {
}
.ocr_page .ocrx_block {
}
p.ocr_par {
}
.ocr_page .columns {
  display: flex;
  gap: 1em;
}
.ocr_page .column {
  flex: 1;
}
.bd-lineMode .ocr_line {
  display: block;
}
.bd-lineMode .line {
  display: block;
}
.bd-lineMode .comment {
  display: block;
}

/* wiki markdown transcription */
@media all {

  .wiki .column-wrapper {
    overflow: auto;
    grid-column: 1 / -1;
  }
  .wiki .column-left {
    width:50%;
    float:left;
  }
  .wiki .column-right {
    width:50%;
    float:right;
  }
  .wiki-leftmargin {
    margin-left: 220px;
  }
  #wikipreview .wiki-leftmargin {
    margin-left: 25%;
  }
  .wiki-rightmargin {
    margin-right: 220px;
  }
  #wikipreview .wiki-rightmargin {
    margin-right: 25%;
  }
  .notes-leftmargin, .notes-rightmargin {
    width:200px;
    display:inline-block;
    vertical-align:top;
    /* We have to reset all formatting that may be inherited
      from the surrounding inline text.  */
    text-align: left;
    text-decoration: none;
  }
  ol .notes-leftmargin {
    /*compensate for 20px list padding*/
    margin-left:-240px;
  }
  ol .notes-rightmargin {
    margin-right:-240px;
  }
  .notes-leftmargin {
    margin-left:-220px;
    float:left;
    clear:left;
  }
  .notes-rightmargin {
    margin-right:-220px;
    float:right;
    clear:right;
  }

  #wikipreview .notes-leftmargin, #wikipreview .notes-rightmargin {
    width:22%;
  }
  #wikipreview .notes-leftmargin {
    margin-left:0;
  }
  #wikipreview .notes-rightmargin {
    margin-right:0;
  }
  .wiki ul > li > p {
    margin:0;
    padding:0;
  }
  .wiki .notes-paren { display: none; }

  .wiki .rot90 {
      transform: rotate(-90deg);
      transform-origin: 0% 0%;
  }

}



/* login */
@media all {

  .wiki-center.login {
    display: flex;
    justify-content: center;
  }
  .authForm, .authCont {
    margin:40px 40px;
  }
  .authForm fieldset {
    border:1px solid #ccc;
    border-radius:12px;
  }
  .authForm fieldset legend {
    font-size:1.8em;
    font-weight: normal;
    margin-left: 0.4em;
  }
  .authForm fieldset table, .authForm fieldset .pane {
    margin:40px 40px;
  }
  .authForm fieldset .pane {
    max-width: 420px;
  }
  .authForm .pane {
    display: grid;
    gap: 1em;
  }
  .authForm .resetpw {
    text-align: right;
    font-size: .95em;
  }
  .authForm table .resetpw {
    padding-top: .5em;
  }
  .authForm table .resetpw a {
    color: #999;
  }
  .authForm h1 {
    margin-bottom: 40px;
  } .authForm .msg {
  }
  .authForm input {
    padding:.3em .6em;
    width:100%;
    border:1px solid #aaa;
    border-radius:3px;
  }
  #setPassword table, #resetPassword table {
    margin-top:20px;
  }
  #resetPassword input[name=user] {
    width:100%;

  }
  .authMsg {
    width:300px;
    margin-left:40px;
  }
  .authMsg div {
    border-radius:4px;
    padding:.5em 1em;
    background-color:#fcfce0;
    border:1px solid #eee;
    margin-bottom:1em;
  }
  #resetPassword {
    max-width: fit-content;
  }
}


/* frags */
@media all {
  #searchFrags .fframe {
  }
  .fframe {
    margin-bottom:1em;
  }
  .fframe.wr-plain {
  }
  .fframe.wr-clipped {
    min-height: 30px;
    overflow: hidden;
  }
  .fframe.wr-clipped:after {
  }
  .fframe.samepage {
    margin-bottom: .2em;
  }
  .fframe:last-of-type {
  }
}
/* tiles */
@media all {
  .tiles {
    max-width: var(--tiles-width);
    margin: 3em auto;
    display: flex;
    gap: var(--tiles-spacing);
    flex-wrap: wrap;
    align-items: stretch;
  }
  .tiles.classic {
    gap: 0;
    margin-top: 7em;
    margin-bottom: 4em;
  }

  .tiles > a {
    flex: 1;
    justify-content: normal;
    display: flex;
    flex-direction: column;
  }
  .tiles.c2 > a {
    flex: 0 0 calc(50% - var(--tiles-spacing) / 2);
  }
  .tiles > a, .tiles.c3 > a {
    flex: 0 0 calc(33.3% - var(--tiles-spacing) * 2 / 3);
  }
  .tiles.c4 > a {
    flex: 0 0 calc(25% - var(--tiles-spacing) * 3 / 4);
  }
  .tiles.classic a {
    flex: 1 0 initial;
  }
  .wiki.wiki-center .tiles > a {
    text-decoration: none;
   }
   .tiles.classic a:hover {
    background-color: white;
    text-decoration: none;
  }
  .tiles.classic a {
    flex: 1;
    background-color: #f4f4f4;
    text-align: center;
    padding: 3%;
  }
  @media (max-width: 600px) {
    .tiles.classic {
      gap: 10px;
    }
    .tiles.classic > a {
      flex-basis: calc(50% - var(--tiles-spacing));
    }
  }
  @media (max-width: 414px) {
    .tiles.classic > a {
      flex-basis: 100%;
    }
  }
  .tiles.classic > a {
    margin: 0;
  }
  .tiles.classic .bg {
    order: -1;
  }
  .tiles.classic .bg {
    padding: 10%;
  }
  .tiles .bg {
    padding: 30%;
    flex: 0;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
  }
  .tiles .bg.svg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tiles .bg svg {
    height: 40%;
    flex: 1;
    position: absolute;
  }
  .classificationShowcase.tiles .bg {
    background-size: cover;
  }
  .tiles .cap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*flex-basis: 4em;*/
    position: relative;
    hyphens: auto;
    min-height: var(--tiles-cap-height);
    padding: 8px; /* also .cap:after*/
    padding-left: 52px;
    padding-right: 2em;
  }
  .tiles.classic .cap {
    padding-left: initial;
    background-color: transparent;
    padding: 16px 10px 6px;
    font-size:1.25rem;
  }
  .tiles.classic .cap:after {
    display: none;
  }
  .tiles.classic svg {
    height: 35px;
  }
  .tiles.classic svg path {
    /* fill: tile; */
  }
  .tiles.classic.glyphs .cap:before {
    font-size:2.25rem;
    display: block;
    font-family: var(--icon-fontFamily);
    margin-bottom: 1em;
  }
  .tiles.classic.glyphs .cap.title:before {
    content: var(--icon-list);
  }
  .tiles.classic.glyphs .cap.person:before {
        content: var(--icon-person);
  }
  .tiles.classic.glyphs .cap.places:before {
        content: var(--icon-place);
  }
  .tiles.classic.glyphs .cap.map:before {
        content: var(--icon-map);
  }
}


/* blog */
@media all {
  /* blogList */
  .blogList {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }

  .blogList .blogPost {
    flex: 1;
    padding: 2rem;
    display: flex;
    background: rgba(0, 0, 0, 0.05);
    align-items: start;
  }

  .blogList .blogPost:hover .postImg {
    opacity: 0.9;
  }

  .blogList .blogContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    justify-content: center;
  }

  .blogList .postImg {
    width: 100%;
    min-width: 300px;
    height: 300px;
    background-size: cover;
    background-position: center;
  }

  .blogList .blogPost h3,
  .blogList .blogPost p {
    width: 100%;
  }


  /*blog post*/

  .bd-blog-post .postHeader {
    display: flex;
    gap: 2rem;
    margin-bottom: 2rem;
  }

  .bd-blog-post .postImg-cnt {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .bd-blog-post .postImg-cnt,
  .bd-blog-post .socialmedia-share {
    font-size: .8em;
  }

  .bd-blog-post .image-copyright {
    margin: 1em 0;
  }

  .bd-blog-post .image-caption {
    font-weight: bold;
  }

  .socialmedia-share {
    padding-top: 1em;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
  }

  .socialmedia-share::before {
    content: var(--icon-share);
    font-family: var(--icon-fontFamily);
    font-size: 1.5em;
    margin-right: .5em;
  }
  .bd-blog-post .postImg {
    background: rgba(0, 0, 0, 0.05);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    height: 520px;
  }

  @media (max-width: 1200px){
    .bd-blog-post .postHeader {
      flex-direction: column;
    }
  }

  .widget-blogList .intro .blogContent {
		display: flex;
		height: 100%;
		justify-content: space-between;
		align-items: flex-start;
	}

	.widget-blogList .intro .btn {
		padding: 12px 20px;
		color: #ccc;
		border: 1px solid #ccc;
	}

	.showAllPosts  {
		display: flex;
    padding: 20px 0;
    justify-content: flex-end;
	}
	.showAllPosts .btn  {
		border-bottom: 3px solid #ccc;
    padding: 6px 0;
	}

  .showAllPosts .btn:hover  {
		opacity: 80%;
	}

	.showAllPosts .btn span {
		font-family: var(--icon-fontFamily);
    margin-right: .25em;
	}
}



/* common */

/* .structure-layer-navPath */
#navPath {
  letter-spacing: .05em;
  display: flex;
  background-color: #fffe;
  margin: 0;
  overflow: hidden;
}
.pageviewStructure-tree {
  position: absolute;
  width: 100%;
  display: none;
  border-top: 0;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.03);
  border-radius: 0 0 8px 8px;
  overflow: auto;
  border-top-right-radius: 0;
}

#navPath > .path {
  flex: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: .2em .3em;
}
.vls-open-Layer, #navPath .vls-open-Layer {
  display: flex;
  align-items: center;
}
.vls-open-Layer {
  cursor: pointer;
  font-size: 1rem;
  color: #666;
  background-color: #f7f7f8;
  border: 1px solid #eee;
  border-radius: 2px;
  vertical-align: middle;
  padding: 0 .25rem;
}

.vls-open-Layer:hover {
  background-color: #f3f3f4;
}

.npNext:before {
  font-size: .75em;
  font-family: "fontello";
  content: var(--icon-chevron-right);
}

.sruForm .sruFormFields > * > table {
  border-collapse: collapse;
}

legend {
	padding:0 .5em;
}
.vls-hidden {
	display:none !important;
}

.userMessages .message {
	color:green;
	font-weight:bold;
}
/* formWikidata css cf. docs/epflicht/forms/*.wiki */
.editing-msg {
	border-bottom: 1px solid #ccc;
	padding: 0.2em 0;
	font-size: 1.2em;
	display: inline-block;
}

/* mdlist */
.add-button.mdlist-cols.active {
  cursor: pointer;
}
.add-button.mdlist-cols {
  font-size: 2em;
  color: var(--button-secondary-inverted-color);
}
.add-button.mdlist-cols:before {
  background-color: var(--button-secondary-inverted-bgColor);
}
.md-list.cols {
  display: flex;
  gap: var(--spacing-4);
  flex-wrap: wrap;
}
.md-list.cols > li {
  flex: 0;
}
.md-list.cols > *.newfrom {
  flex-basis: 100%;
}

.nps-list.cols .mdrow-metadata {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3);
}

.nps-list.cols .mdrow-metadata > * {
  flex: 1;
  display: flex;
}
.nps-list.cols .mdrow-metadata > * > .col {
  flex-basis: 100%;
}
.nps-list.cols .mdrow-metadata > *.more_mds_available {
  flex-basis: 100%;
}
.nps-list.cols .mdrow-metadata > * > .col {
  /* not grow 1 */
}
/* list */
@media all {
  .list {
    float:left;
    width:16px;height:16px;
    font-size:6px;
    filter:alpha(opacity=70); opacity: 0.7;
    background-repeat:no-repeat;
    border:0;
    content:url(/static/graphics/clpx.gif);
  }

  /* headernav */

  .sortindexSelect .icon-sortList {
    display: none;
  }
    /* vls-list */

  .vls-list, .struct-list, .no-list {
    list-style-type:none;
  }
  .vls-list, .struct-list, .no-list, .hitstructure { /* reset ul client defaults */
    margin-top: 0;
    margin-bottom: 0;
    padding:0;
  }
  .struct-list ul.noindent {
    padding-left: 0;
  }
  .vls-list li, .struct-list li /*, ul.hitstructure li, .titleChild */ {
    margin:.4em 0 0;
  }
  /* set 1st level li close to left */
  .struct-list.structure li  {
    clear:left;
  }
  .vls-list li.table {
    margin-bottom:1em;
  }
  .vls-list ul { /* hitstructure eg.  set 2nd to n level's indentation */
    padding-left:24px;
  }
  .vls-list ul li {
  }
  .vls-list li.tableContainer {
    padding-left:0;
    background:transparent none;
    margin:0;
  }
  .vls-list li.tableContainer a, .vls-list li.table a {
    margin:0
  }
  .titleLinks a {
    margin-right:6em;
  }
  /* */
  .struct-list li > a, .struct-list li > span.structure {
    /* in order to have the text+pagination-link without PDF align with paginations with PDF ,
    this must be minimum the width of the PDF-link, because if we have pagination and PDF, the two margins collapse
    */
    display: block;
    margin-right:6em;
    margin-left:24px;
  }
  .struct-list li > a.resourceLink {
    margin-right: 0;
  }
  .struct-list.cCat li > a {
    margin-right:0;
  }
  #fullFacetList .box a {
    margin-right:0;
    margin-left:0;
  }
  ul.cList li.empty-mds {
    opacity: .5;
  } #classificationChildList .grey:hover {color: inherit}

  .wikipage li .list {
    background-image:url(/static/graphics/listicons/toggleRight-sw.png);
  }
  .list {
    float:left;
    width:16px;height:16px;
    font-size:6px;
    filter:alpha(opacity=70); opacity: 0.7;
    background-repeat:no-repeat;
  }
  .hitstructure { /* allow for little more on 1st level */
    padding-left:20px;
  }
  .hitstructure ul { /* this fits */
    padding-left:1.3em;
  }
  .struct-list li.toggle {
    padding:0;
  }
  .struct-list li.toggle img {
    background-image:url(/static/graphics/listicons/toggleRight.png);
    vertical-align:bottom;
  }
  .struct-list li.toggled img, #menuboxFirstCollectionLevel a.toggled img {
    background-image:url(/static/graphics/listicons/toggleDown.png);
  }
  ul.toToggle {
    display:none;
  }

  span.hideHits {
    display:none;
  }

  .hitstructure li a {
    margin-left:0;
    margin-right: 1em;
    cursor:pointer;
  }
  .hitstructure ul.toToggle { /* this is a toggled list with rounded borders */
    margin-top:6px;
    border:2px solid #eee;
    -moz-border-radius:2px 16px 16px 2px;
    -webkit-border-radius:2px 16px 16px 2px;
    border-radius:2px 16px 16px 2px;
    padding: 6px 24px;
  }
  ul.structure li.noStyle {
    background:transparent none;
    padding-left:0;
  }
  ul.structure li a.toggleStructure {
    cursor:pointer;
  }

  /*.titleChild-even, */
  .structlist-even {
    background:#f0f0f0 url(/static/graphics/bg-structlist-even.png) no-repeat;
  }

  ul.hitstructure li a {
    margin-left:0;
  }
  table.columns .vls-list li a {
    margin-right:2em;
  }

}

.transcriberBar {
  display: flex;
  gap: 1em;
}

/* pageview-controls */
@media all {
  .vl-pageview-controls {
    position:absolute;
    top:0;
    right:0;
  }

  #mdContextinfo {
    overflow: auto;
    margin: 0 0 0.25em;
  }

  #mdContextinfo > * {
    margin: 0 0 0.75em;
  }

  #mdContextinfo > *:last-child {
    margin: 0 0 0.75em;
  }
}
.afterImageBeforeData {
}
/* socialnetworking  */
@media all {
  #socialnetworking {
    position: relative;
    display: inline-block;
  }
  .titleinfoLinkAction#socialnetworking {
    cursor: default;
    min-width: 4em;
    display: inline-block!important;
  }
  #socialnetworking > i {
    height: auto;
    width: auto;
    padding: 0 4px 0 2px;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 15px;
    color: black;
    cursor: pointer;
  }
  div#vl-socialnetworks {
    padding: 0 1em 0 2em;
  }
  .vl-pageview-controls .totoggle#vl-socialnetworks a {
    margin:auto;
    padding:0;
    display:block;
  }
  div#vl-socialnetworks > div.shariff {
    display:table;
    height:100%;
  }
  div#vl-socialnetworks > div.shariff > ul {
    display: table-cell;
    vertical-align: middle;
  }
  div#vl-socialnetworks > div.shariff > ul > li {
    margin-bottom: 1.2em;
  }
  #socialnetworks {
    z-index: 1;
    position: absolute;
    top: 2em;
    width: auto;
    display: none;
    padding: 0 5px;
    background: white;
  }
  #socialnetworks .shariff .orientation-horizontal li {
    margin-right: 5px;
    margin-bottom: 0;
  }
}


#structWikicontentSeparator {
  display: none;
}
/* clearfix */
.clearfix:after {
  content: "\00A0";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* ctrl */
@media all {
  .wikiControl {
    display:inline-block;
  }
  .topicItem .wikiControl {
    margin: 2em 2em 2em 0;
  }
  .wikiControl .button {
    text-decoration:none;
  }
  /* .vlsControl .button */
  #wikiOptions .button {
    margin-left:.3em;
  }
  .vlsControl .button, .vlsControl .button:hover, ul#adminControls li a:hover {
    background-image: linear-gradient(to bottom, #fdfdfd 0%, #f9f9f9 100%);
    text-decoration:none;
  }
  .vlsControl .button:hover, ul#adminControls li a:hover {
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #fdfdfd 100%);
  }
  .vlsControl .button:active {
    background-image: linear-gradient(to bottom, #f6f6f6 0%, #fafafa 100%);
  }
  .vlsControl .button {
    cursor:pointer;
    color:#333;
    font-family: 'Open Sans', 'lucida grande', 'Segoe UI', arial, verdana, 'lucida sans unicode', 'Helvetica Neue', sans-serif;
  }

  .vlsControl .button.info, .vlsControl .button.selected, .vlsControl .button.selected:hover {
    cursor:default;
  }
  .vlsControl .button.selected, .vlsControl .button.selected:hover {
    background:white;
  }

  .vlsControl .button.large {
    font-size: 1.25em;
  }
  .vlsControl .button {
    border-radius:2px;
    border:1px solid #ddd;
    padding: .5em;
    display: inline-block;
    text-align:center;
    padding: .25em .75em;
  }
  .vlsControl .redtext.button {
    color: red;
  }
  .vlsControl .greentext.button {
    color: green;
  }
  .vlsControl .button.noborder {
    border:0;
  }
  .vlsControl .button.shadow {
    text-shadow:1px 1px 0px #ffffff;
  }
  .vlsControl .button.dark {
    background-image: linear-gradient(to bottom, #6d6d6d 0%, #696969 100%);
    color:#fff;
    text-shadow:1px 1px 0px #333;
  }
  .vlsControl .button.dark.flat {
    background: #696969;
  }
  .vlsControl .button.grey {
    background-image: linear-gradient(to bottom, #bbb 0%, #aaa 100%);
    color:#fff;
    text-shadow:1px 1px 0px #333;
  }
  .vlsControl .button.grey.flat {
    background: #aaa;
  }
  .vlsControl .button.light.flat {
    background: #fafafa;
  }
  .vlsControl .button.edge {
    border-radius:0px;
  }
  .vlsControl .button.flat {
    background-image: none;
    filter:none;
  }
  .vlsControl .buttonInactive, .vlsControl .buttonInactive:hover {
    color:#999;
    background-image: none;
    cursor:default;
  }


  .vlsControl .button.toggle-wiki-pageimg, .vlsControl .button.toggle-wiki-pageimg:hover {
    background: white url(/static/graphics/admin/thirdparty/crystal/16/thumbnail.png) no-repeat 94% 50%;
    padding-right: 2em;
    min-width:5em;
    color:#666;
    cursor:pointer;
  }
}

form .qsclear {
  display: flex;
  align-items: center;
}
form .qsclear, .flclose {
  padding: .5em;
  cursor: pointer;
  transform: rotate(-45deg);
}
#mainsearch {
	font-size:16px;
}
#mainsearch .qsclear, .flclose  {
  font-size: 28px;
}
#favlist-info > * {
  position: relative;
}
.flclose {
}
.flclose {
  position: absolute;
  top:0; right: 0;
  display: inline-block;
}
/* titleinfo */
@media all {
  #titleinfoResources .content > * {
    margin-bottom: .5em;
  }
  #titleinfo a.vlIcon:has(.ln-ico) {
    text-decoration: none;
  }

  #titleinfo .shariff {
    color: var(--body-font-color);
  }
  #titleInfoImage.titleInfoImage-right {
    order:2;
  }
  #titleInfoImage .imgLink img {
    background-color: #aaa;
  }
  .timage-addParts {

  }
  .timage-licInfo {
    margin-top: var(--spacing-4);
  }
  #titleinfo .structure-layer-navPath#navPath {
    position : initial;
  }
  .mods-abstract p {
    margin: .5em 0;
  }
  .abstract-lang {
    margin-top: 1rem;
    font-size: .75em;
    font-weight: bold;
  }
}


/* toggle down up btn employed at navPath */
@media all {
  .arButton, .arButton div {
    width:17px;
    height:19px;
  }
  .arButton {
    background:transparent url(/domainresource/static/graphics/ctrl/s-bg-center.gif);
    vertical-align: top;
    border-left:1px solid #bbb;
    border-right:1px solid #bbb;
    border-radius:2px;
    margin-left:10px;
    margin-right: -25px;
    margin-top: -0px;
    margin-bottom: -0px;
    display:inline-block;
  }
  .arButton div {
    position:absolute;
  }
  .arDown div {
    background:transparent url(/domainresource/static/graphics/whsadmin/arDown.png) no-repeat 5px 7px;
  }
  .arUp div {
    background:transparent url(/domainresource/static/graphics/whsadmin/arUp.png) no-repeat 5px 7px;
  }
}

select.change{
	margin:0;
}
.drop {
	margin:0 .2em 0 0;
  vertical-align: top;
}
.drop.nodrop {
	margin:0 .2em 0 .2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
select.change, .vls-button, .nodrop {
  font-size: 1.1em;
}
select.change, .vls-button {
  height: 1.5em;
}
.ol-viewport {
    cursor: grab;
}
/* zoom */
@media all {

  #map, .zoompane {
    background-color: var(--zoompane-bgColor);
  }

  iframe.zoompane {
    display: block;
  }
  .zoompane, .bd-portal-zoom .zoompane {
    overflow: hidden;
    position: relative;
  }
  .accessWarning.msg.zoompane {

  }
  .accessWarning.veil.zoompane {

  }
.accessWarning {

  letter-spacing: .075em;
  display: flex;
  justify-content: center;

  .cover {
    backdrop-filter: brightness(50%) blur(30px);
    transform: scale(1.5);
    position: absolute;
    z-index: 1;
    inset: 0;
  }
  .msg {
    max-width: 42em;
    color: white;
    position: absolute;
    z-index: 2;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    top: 0;
    padding: 3em;
    gap: 1.5em;
    width: 100%;
    height: 100%;
    font-size: calc(var(--presentation_description_fontSize) - 0.1em);

    .button {
      cursor: pointer;
      padding: .5em;
      font-size: .85em;
      border: 1px solid #fff;
      background-color: #000;
      color: #fff;
      transition: all .2s ease-in-out;
    }
    .button:hover {
      background-color: rgba(0, 0, 0, .5019607843137255);
      border: 1px solid hsla(0, 0%, 100%, .5019607843137255);
      box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, .3);
    }
  }
}

  .bd-nav-view #map, .bd-nav-list #map {
    /* place/list */
    height: var(--nav-map-height);
  }

  .bd-nav-list #map {
    /* place/[anytab] */
    padding: var(--spacing-3);
  }
  .bd-metadata #map {
    height: var(--nav-map-height);
    padding: 60px;
  }

  /* slider */

  #zoom__thumbSlider {
    position: absolute;
    bottom: 0;
    height: 140px;
  }

  #zoom__thumbSlider__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: 0.4;
    overflow: hidden;
  }

  #zoom__thumbToggler.classic {
    padding: 0;
    opacity: .4;
    background-color: black;
    border-radius: 4px 4px 0 0 !important;
    display: block;
    text-align: center;
    height: 44px;
  } #zoom__thumbSlider > .centered-abs.classic {
      margin-top: -4px;
  }

  #zoom__thumbToggler.classic {
    transition: all 300ms;
  }
  #zoom__thumbToggler.classic a:before {
    content: var(--icon-ellipsis);
    font-size: 2rem;
    color: white;
    cursor: pointer;
  }
  #zoom__thumbToggler.classic a>span {
    display: none;
  }

  #zoom__thumbSlider > .centered-abs {
    font-size: 14px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, calc(-1 * var(--thumbToggler-height)));
    display: flex;
    gap: 3px;
    box-shadow: 0px 0px 1px #0004;
  }
  #zoom__pagetextToggler, #zoom__thumbToggler, .zoom-naviControls {
    height: var(--thumbToggler-height);
    display: flex;
    align-items: center;
    background-color: white;
  }
  .zoom-naviControls {
    min-width: 9em;
    margin-left: -3px; /* neutr gap, melt with prev */
  }
  #zoom__pagetextToggler, #zoom__thumbToggler, .zoom-naviControls {
  padding: 0 20px;
}
  #zoom__thumbToggler > *:before, #zoom__pagetextToggler > *:before {
    vertical-align: middle;
    content: '';
    display: inline-block;
    width: 44px;
    height: 44px;
    opacity: .4;
  }
  #zoom__thumbToggler > *:before {
    background: url('/rlbzd/domainimage/svg/icon-thumbslider.svg') 50% 50% no-repeat;
  }
  #zoom__pagetextToggler > *:before {
    background: url('/rlbzd/domainimage/svg/icon_transcription.svg') 50% 50% no-repeat;
  }

  @media (max-width: 762px) {
    #zoom__pagetextToggler span, #zoom__thumbToggler span {
      display: none;
    }
  }
  .bd-portal-pagetext #map .ol-zoom {
    right: initial;
    left: 0;
    bottom: 0;
  }
  .bd-portal-pagetext .vl-pageview-controls {
      right: initial;
      left: 0;
  }

  .bd-portal-pagetext .ol-scale-line {
      left: 49px;
  }
  .bd-portal-pagetext #map .ol-zoom {
    top: initial;
    bottom: 0;
  }
  .bd-portal-pagetext .ol-zoomslider {
    display: none;
  }

  #zoom__thumbToggler  > a {
    cursor: pointer;
  }

  #zoom__thumbToggler .show, #zoom__thumbToggler.active .hide {
    display: inline;
  }
  #zoom__thumbToggler .hide, #zoom__thumbToggler.active .show {
    display: none;
  }
  #zoom__pagetextToggler > *, #zoom__thumbToggler > * {
    white-space: nowrap;
  }

  /* pageview and zoom likePageview */

  a.singlePageImageLink, .prevNext.likePageview > .zoom__nav {
    display:inline-block;
    position:absolute;
    width:min(25%,300px);
    /* cf. #singlePageImage border 1px */
    height:calc(100% - 2px);
    text-align:center;
    color:rgba(255, 255, 255, .5) !important;
    background-color:transparent !important;
  }
  @media(max-width: 600px) {
    a.singlePageImageLink, .prevNext.likePageview > .zoom__nav {
      width:17%;
    }
  }
  a.singlePageImageLink:hover, .prevNext.likePageview > .zoom__nav:hover {
    text-decoration:none;
    background-color:transparent !important;
  }
  .singlePageImageLink#prevPageLink, .prevNext.likePageview #zoom__navPrev {
    left:0;
  }
  .singlePageImageLink#nextPageLink, .prevNext.likePageview #zoom__navNext {
    right:0;
  }
  .singlePageImageLink .markLink.visible {
    opacity:.2
  }
  .markLink {
    position:absolute;
    bottom:0;
    top:0;
    width:1.5em;
    display:none;
    background-color: rgba(0, 0, 0, 0.2);
    font-size:3em;
  }
  .markLink#prevPageMark {
  left: 0;
  }
  .markLink#nextPageMark {
  right: 0;
  }
  .markLink > span {
  position:absolute;
  top:144px;
  }
  .markLink#prevPageMark > span:before {
  margin-left:-.45em;
  content: var(--icon-chevron-left);
  }
  .markLink#nextPageMark span:before {
  margin-left:-.25em;
  content: var(--icon-chevron-right);
  }


  /* zoom likePageview */

  .prevNext.likePageview > .zoom__nav {
    z-index: 1;
    cursor: pointer;
    border: 0;
  }

  /* zoom classic */
  .prevNext.classic {
    #zoom__navPrev, #zoom__navNext {
      position: absolute;
      z-index: 1;
      height: 1.1em;
      width: 1em;
      border: 0;
      background: transparent;
      font-size: 3em;
      cursor: pointer;
      opacity: 0.5;
      color: black;
      padding: 0.4em 1.6em 1.3em 0.6em;
    }
    #zoom__navPrev{
      left: 0;
    }
    #zoom__navNext {
      right: 0;
    }
    #zoom__navPrev:hover,
    #zoom__navNext:hover {
      opacity: 0.7;
    }
    #zoom__navPrev, #zoom__navNext {
      top: 50%;
    }
  }

  /* thumb */
  #zoom__thumbNavPrev, #zoom__thumbNavNext {
    position: absolute;
    top: 38%;
    height: 1.1em;
    width: 1em;
    border: 0;
    background: transparent;
    font-size: 2em;
    cursor: pointer;
    opacity: 0.5;
    color: black;
  }
  #zoom__thumbNavPrev {
    left: 0;
  }
  #zoom__thumbNavNext {
    right: 0;
  }
  #zoom__thumbNavPrev:hover,
  #zoom__thumbNavNext:hover {
    opacity: 0.7;
  }

  #map .ol-zoomslider {
    height: 100px;
  }

  .bd-zoomFullscreen main nav, .bd-zoomFullscreen main section, .bd-zoomFullscreen #centerParts nav.navPort {
    display:none !important;
    margin:0 !important;
    height: 0 !important;
  }
  .bd-zoomFullscreen .colmain {
    padding: 0 !important;
  }

  .bd-zoomFullscreen #centerParts > main {
    max-width: initial;
    padding: 0;
    border: 0;
    margin: 0;
  }

  .bd-zoomFullscreen #map {
    border: 0;
  }

  .bd-zoomFullscreen #searchTheBook.searchTheBook-zoom {
    display:none;
  }
  .bd-zoomFullscreen #searchTheBook.searchTheBook-zoom:hover {
    opacity:1;
  }
  .fullscreenHidden {
    display: none;
  }
}


img.tabicon {
  display: inline-block;
  height: 1em;
  margin-right: .5em;
  margin-bottom: -0.15em;
}
/* nps  */
@media all {
  /* this must have lower or same specificity than (domain css') */
  .datacol .nav > li.cols {
    display: table;
    width: 100%;
  }
  .datacol .nav .licenseTerms li {
      display: list-item;
  }
  /* .datacol .nav > li.cols > *:first-child
  exchange .datacol for .cols
  */
  .datacol .nav > li.cols > * {
    display: table-cell;
  }
  .nav > li.cols > *:first-child {
    width: 30%;
    padding-right: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  /* add paddings - only with columns == cfg titleInfoGridStyle could omit metadata with .titleAdd */
  .nav > li > *:first-child {
    /*padding-left: 4px;*/
    padding-right: 1em;
  } /* not for titleInfo.rows titleInfoGridStyle */ .titleInfo.rows .nav > li > *:first-child {
    padding-left: 0;
  }
  @media (max-width: 600px) {
    /* remove table columns from ^^ li.cols {
    display: table; */
    .subheader, .titleAdd, .datacol .nav > li.cols > * {
      display: block;
      hyphens: auto;
    }
    .titleAdd a, .cols a {
      word-break: break-all;
    }
    .nav > li.cols > *:first-child {
      width: 100%;
      color: #777;
      font-size: .9375em;
      padding: 0;
      margin-top: .5em;
    }
  }
}

.titleInfo.rows .nav > li > *:not(a) {
  width: initial;
  display: block;
}
.datacol .value {
  line-height: 1.5em
}

.titleAdd.rows > ul {
  padding-top:.5em;
}
.resource.block {
  margin-bottom: 0.5em;
}

.nps-details.datacol {
  display: flex;
  flex-direction: column;
}
.nps-details + .source-notice {
  border-top: 1px solid #ddd9;
  font-size: .65em;
  color: #777;
  text-align: right;
  margin-bottom: 2em;
}
.nps-details .source-notice a {
  color: #777;
}
.details-header {
  margin-bottom: 1em;
}
.placeDetails .details-header {
  margin-bottom:0;
}
.placeDetails .data  {
  margin-top: 1em;
}
.placeDetails .map /* .placedata */ {
  margin-top: 1.5em;
}
.nameDetails .data {
}

var {
	display: none;
}
/* start main */
main {
	/*height:100%;*/
}

hr {
	border:0;
	border-bottom:1px solid #666;
}

/* favs */

.rem-fav {
  position: absolute;
  right: 0;
  top: 0;
}
.wr-img.relative {
  position: relative;
}

/* flexslider */

@media {
  .flexslider {
    border:0 !important;
    width: 100%;
    max-width: var(--inner-width);
  }
  .carousel.flexslider {
  }
  .slider.flexslider {
  }
  .imagelocs.flexslider {
  }
  .titleinfoOtherTypeRelated.flexslider {
  }

  .carousel.flexslider .flex-caption  {
    flex-basis: 4.2em; /* should amout to 2 lines clamped plus insertdate see ff. */
  }
  .carousel.flexslider .flex-caption .title {
    margin-top: var(--spacing-1);
    hyphens: auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

  }
  .vls-list .miniTitleinfo a.title {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .carousel.flexslider .flex-caption .insertdate {
    font-size: var(--body-secondary-fontSize);
    margin-top: var(--spacing-05);
    color: var(--body-font-color);
  }
  .carousel.flexslider ul {
    display: flex;
    flex-wrap: wrap;
  }
  .releaseHistory.carousel .thumb.fulltextInfo .info {
    display: none;
  }
  .carousel.flexslider a.thumb {
    display: flex;
  }
  .carousel.flexslider ul > li {
    display: flex!important;
    align-items: center;
  }
  .carousel.flexslider a.thumb {
      flex-direction: column;
      flex: 1;
      display: flex;
  }
  .flexslider .wr-img {
    flex: 1;
    display: flex;
    align-items: center;
  }
  .flexslider .wr-img img {
    width: 100%;
  }
  .slider.flexslider .flex-caption, .slider.flexslider .thumb img {
      background-color:rgba(0, 0, 0, .1);
  }
  .slider.flexslider .flex-caption, .widget.showcase .legend {
    width: 100%;
    padding: 2% 4%;
    font-size:14px;
  }

  .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    overflow: hidden;
    opacity: .7;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease-in-out;
  }
  .flex-direction-nav a:before {
    font-size: 40px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
  }

  .flex-direction-nav a.flex-prev:before {
    content: var(--icon-chevron-left);
  }
  .flex-direction-nav a.flex-next:before {
    content: var(--icon-chevron-right);
  }
  .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
    opacity: 0.4;
  }
  .flex-direction-nav .flex-prev {
    left: -10px;
  }
  .flex-direction-nav .flex-next {
    right: -10px;
    text-align: right;
  }
  .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
  }
  .flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
  }
  .flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
  }
  .flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
  }
  .flex-direction-nav .flex-disabled {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
  }
}

/* disclaimer */
@media {
  #disclaimerCookie {
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.75);
  }
  #disclaimerCookie > div {
    background-color: white;
    font-size:14px;
    line-height:1.5em;
    padding:2.6em;
  }
  #disclaimerCookie > div {
    border-bottom: 2px solid #777;
    /*box-shadow: 0px 12px 30px 0px #666;*/
  }
  #disclaimerCookie h1 {
    padding-bottom: 1em;
    margin-bottom: 1.2em
  }
  #disclaimerCookie form {
    text-align: right;
    font-weight: bold;
    padding-top:1.5em;
  }
  #disclaimerCookie input[checkbox] {
      transform: scale(2);
      margin-right: 1em;
  }
  #disclaimerCookie hr {
    border-bottom: 1px solid #aaa;
  }
  #disclaimerCookie label {
    display:block;
  }
  #disclaimerCookie button {
    margin-top:1em;
    color: #333;
    background-color: white;
    border-color: #ccc;
    font-size: 1.1em;
    padding: 0.15em 0.4em;
  }
  #disclaimerCookieSmall {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 60px;
    padding: 10px 20px;
    background-color: rgba(0,0,0,0.75);
    color: white;
  }
  #disclaimerCookieSmall span {
    white-space: nowrap;
  }
  #disclaimerCookieSmall a {
    color: white;
  }
  #disclaimerCookieSmall button {
    margin: 0 15px 0 15px;
    background-color: hsla(180, 45%, 45%, 1);
    border: 0px;
    border-radius: 2px;
  }
  #disclaimerCookieSmall a {
    text-decoration: underline;
  }
}
/* disqus */
@media {
  #disqus_thread {
    margin-top:2em;
    border-top:2px solid #eee;
    display:none;
  }
  #disqusUsage {
    float:right;
    position:relative;

  }
  #disqusUsage > div {
    display:none;
    background-color:white;
    overflow:auto;
    width:50em;
    height:30em;
    position:absolute;
    border:5px solid #ddd;
    bottom:1.6em;
    right:0;
    padding: 2em 1.3em;
  }
  #disqusNotice {
    display:inline-block;
    margin:12px 1em 0 3em;
  }
  #disqusNotice > span {
    cursor:pointer;
    font-size:.9em;
    border:1px solid #aaa;
    border-radius:2px;
    padding:.25em .4em;
  }
  #disqusTitle {
  }
  #disqusLoader {
      display:inline-block;
    margin-right:15px;
      padding: 12px 0;
    cursor:pointer;
    font-family: 'Helvetica Neue', arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color:#778188;
  }
}
.vlext.image-with-label {
  display:inline-block;
  margin-bottom:2em;
  border: 1px solid #ccc;
  background-color: #f9f9f9 ;
  text-align: center;
  overflow:hidden;
}
.vlext.image-with-label .label {
  padding: 3px;
  font-size: 70%;
  text-align: left;
}

.bd-admin-databaseInfo .vlsTable td:nth-child(2) {
    word-break: break-word;
}

.read-more-gradient {
	position:relative;
	margin-top:-7rem;
	height:7rem;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); 	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );	/* IE6-9 */
}
.read-more {
	cursor: pointer;
  display: inline-block;
  border-bottom: 1px solid #ccc;
	padding: 1px 64px 1px 4px;
  font-style: italic;
  font-size: 1.125rem;
  margin-bottom: 2em;
}
.read-more .icon {
    font-size: .9em;
    display: inline-block;
    margin-right: 0.4em;
}
.read-more .msg.less {
  display: inline-block;
  margin-top: 2em;
}
.read-more .icon.iconup {
    transform: scaleY(-1);
}

.inventoryNav .space + #inv-inventories{
  margin-top: 1.5em;
}

/* bootstrap */
.dropdown, .dropup {
    position: relative;
    display: inline-block;
}
.dropdown-toggle {
  cursor: pointer;
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.dropdown-menu {
  position: absolute;
  left: 0;
  z-index: 39;
  display: none;
  float: left;
  padding: 0 0 .35em;
  margin: .125em 0 0;
  background-color: #fff;
  border-left: 1px solid #999;
}
.dropdown-item {
  display: block;
  padding: .35em .5em 0;
  text-align: inherit;
  white-space: nowrap;
}

@media (max-width: 1824px) {
	.dashitem {
		width:75%;
	}
}
@media (max-width: 1600px) {
	.dashitem {
		width:90%;
	}
}
@media (max-width: 1440px) {
	.dashitem {
		width:95%;
	}
}

@media (max-width: 1200px) {
	.dashitem {
		width:100%;
	}
}
@media (max-width: 780px) {
  #imageGrid > * {
    flex-basis: 100%;
  } .pt-txt > * {
    padding-right: 0;
  }
.focusControl > * {
    margin-left: -32px;
  }
  .focusControl .btn.up {
    border-radius: 50% 0 0;
  }
  .focusControl .btn.down {
    border-radius: 0 0 0 50%;
  }
}

/* from server/static/css/main.css */
:root {
  --inputfont: inherit;
  --unreleased-bg: #ffeaff;
}
body {
 font-size:14px;
}
.bd-zoomFullscreen table#cont {
	overflow: hidden;
	margin:0 !important;
  width:100% !important;
}
.bd-zoomFullscreen main .middleContent {
  padding:0;
  border:0;
  margin:0;
}

.zeroresultMsg {
	line-height:1.5em;
	margin-bottom:1em;
}


/* wiki general */

.wiki .align-center {
  text-align: center
}
.wiki .align-right {
    text-align: right
}
.wiki-left p, .wiki-bottom p {
	padding:0;
	margin:0;
}
.wiki-center.vl-widget ol, .wiki-center.vl-widget ul {
	padding:0;
	margin:0;
}
.wiki-center > ol, .wiki-center > ul {
	padding-left:20px;
	margin-bottom:1em;
}
/* above: this interferes with releaseHistory or allDocuments parts (containing listNavigation), that are declared in (home) wikis
   below: fix this */
.wiki .listNavigation ul.menue {
	padding-left:0;
}

.wiki .vls-list {
	padding-left:0;
}
/* employing <classification/> on a struct-id wiki */
.wiki ul#classificationChildList {
	padding-left:4px;
	margin-bottom:1em;
}
ul.cCat .list {
	background-image:url(/static/graphics/listicons/icoCat.png);
}
/* searchresult-types */
ul.structure .list,
.titleChild-struct .list {
	background-image:url(/static/graphics/listicons/icoChrono.png);
}
li.title .list {
	background-image:url(/static/graphics/listicons/icoTitle.png);
}

/* Double underline extension.  */
.wiki u.double {
    /* Edge lacks it text-decoration-style: double;*/
    border-bottom: 1px solid #000;
}

/* wiki */


/*wiki-info */

.formWikidata {
	padding:1em 0;
}

/* various */
.vl-pageview-controls .searchterm {
    background-color: rgba(255, 255, 255, 0.35);
}

p.indent {
	margin-left:2em;
	text-indent:-2em;
	margin-bottom:.7em;
	line-height:1em;
}
.bold {
	font-weight:bold;
}
.uppercase {
	text-transform:uppercase;
}

a {
	outline:0;
}

/* searchTheBook */

.td-searchTheBook {
	white-space: nowrap;
}
/*this is applied on pageview*/
#menuSearchTheBook {
	margin-bottom:5px;
}
#menuSearchTheBook #inputSearchTheBook {
	width:auto;
}
/*this is applied on titleinfo*/
.searchTheBook {
	float:right;
	margin-left:4em;
} .listNavigation .searchTheBook-search {
  margin-left:0;
} .listNavigation .searchTheBook-search form {
    display: flex;
}
.bd-tableLayout .navPort .searchTheBook {
  margin: 0 1em;
  align-self: center;
}
.searchTheBook-pageview {
}
.searchTheBook-metadata {
}
.searchTheBook-structure {
}
.searchTheBook-titleinfo {
}
#searchTheBook.ly-page-fragments {
  margin-left:0;
  float: none;
}

#inputSearchTheBook {
	width:auto;
}
#submitSearchTheBook {
	width:28px;
	width:32px;
}

/* end searchTheBook */


/*linkDetailedsearch*/

/*quicksearch */
button#quicksearchSubmit {
  background: transparent;
  padding:0 .5em;
  border:0;
}
.searchglass {
  background: transparent;
}
.searchglass:before {
  content: var(--icon-search);
	font-family: var(--icon-fontFamily);
}

input.disabled#quicksearch {
	opacity: 0.5;
}

input[type='text'] {
  font-family: var(--inputfont);
}

input[placeholder] {}

/*this is css for image buttons*/
input.imageButton {
	cursor:pointer;
	font-size:0px;
	color:transparent;
	background-color:transparent;
	border:0;
	padding:0 2px;
}
form.searchform {
	display:inline;
}
#quicksearchWrapper {
    display: inline-block;
}
#linkDetailedsearchWrapper {
	text-align:right;
	margin:0 5px
}
.wiki .mainsearch {
	display:block;
}
/* align form and following detailsearch link*/
#defaultTop .mainsearch {
	vertical-align:middle;
	margin:0 1.3em;
	display: inline-block
}

.colmain #mainsearch {
	margin-bottom:1em;
}
#mainsearch {
	border:1px solid #ccc;
	border-radius:1px;
}
#mainsearch td {
	padding:0;
	vertical-align:middle;
}
#mainsearch input {
	font-family:Arial,sans-serif;
	border:0 none;
}
#mainsearch input.text {
	width:400px;
	font-size:16px;
	padding:3px;
  outline: none;
}
#mainsearch input.submit {
	background-color: transparent;
	border-left:1px solid #ddd;
	width:60px;
	font-size:15px;
}
#mainsearch td.ms-submit.text {
	background:transparent url(/domainresource/static/graphics/bgSubmit.gif) repeat-x scroll 0 0;
  background-size: cover;
}
#mainsearch td.ms-submit.image {
	width:34px;
	text-align: center;
}
#mainsearch input.imageButton {
	width:26px;
	height:21px;
    background: transparent url(/static/graphics/searchglass-2.png) no-repeat;
	border:0;

}
/*#mainsearch td.space-to-options {
	width:1em;
	border-left: 1px solid #ccc;}*/
#mainsearch td.options {
	border-left: 1px solid #ccc;
	min-width: 10em;
}
#mainsearch td.options a {
	color:#333;
	padding:.5em 1em;
}
/* end search */


/* tab pages */

#pagesbar {
	height:30px;
	background-color:#ddd;
	position:absolute;
	top:0;left:0;right:0;
	z-index: 10;
}
#pagesbar .controls {
	float:right;
}
#pagesbar #navPath {
	display:inline;
}

/* end tab pages */



/* extraTabs */

#navPort #extraTabs {
	float:right;
}
#navPort #extraTabs.breadcrumbs, #navPort #extraTabsLeft {
	float:left;
}
/*moodle*/
.indexControls select.change {
	margin-right:0;
}
/* pageview - -  #navPort .controls */
.naviControls, .resizeControls, .rotateControls, .debugControls, div#fullScr {
	margin-left:15px;
	padding-top:1px;
}
.zoom-naviControls .naviControls {
  margin: 0;
  padding: 0;
}
.topNav, .bottomNav {
  float: none;
  margin: 0;
  padding: 0;
}
.bottomNav {
  margin-block: 2em;
  justify-content: center;
  display: flex;
}

.paginglink span {
  color: #555;
  opacity: .5;
}
.paginglink span:after, .toggleMode.s:after {
  opacity: .25;
}

#leaveContext {
	position:absolute;
	right:4px;
	top:-23px
}
#leaveContext a {
	background-position:0 -342px;
	width: 19px;
	height: 20px;
	background-image: url(/static/graphics/ctrl/navi_19.png);
	display: inline-block
}
#leaveContext a:hover {
	text-decoration:none;
}

a#scrollTop {
  position: fixed;
  font-size: 1.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  right: 1em;
  bottom: 1em;
  border: 0;
}

a#scrollTop:before {
  padding: .4em;
  border-radius: 5em;
  background-color: #f6f6f6;
  content: var(--icon-chevron-big-up);
}
a#scrollTop .label {
  display: none;
  min-width: max-content;
  font-size: 1rem;
  font-family: var(--body-font);
}


.titlenaviControls {
	float:right;
}
.goZoomControl {
}

.drop {
	margin:auto .2em;
}
#sortByDropdown, #maxDropdown, #sortOrderDropdown {
}
.listNavigation #sortByDropdown {
	width:100%;
}

/* mainheaderNaviBox */
#mainheaderNaviBox {
	padding:0;
}
#mainheaderNaviBox-after.mainheader {
	font-size: 1em;
	clear: left;
	margin-top: -1em;
  margin-bottom: 1em ;
}

#mainnaviSortBox, #mainnaviControls, #mainnaviMax {
}

.mainnaviElement {
	display:inline-block;
	vertical-align:top;
	margin:0 .3em .3em 0;
	min-width:13em;
}

#mainheaderNaviBox > div:last-of-type {
	margin-right:0;
}
#mainnaviControls .naviControls {
  margin:0;
  padding-top:0;
}
#mainnaviControls .nodrop {
  font-weight:normal;
}
.mainnaviCaption {
  font-weight:normal;
  font-size:11px;
}
.mainnaviElement select {
	width:10em;
}
#mainnaviControls.mainnaviElement select {
	margin: 0;
  width:auto;
}
/* end mainheaderNaviBox */


/* PORTAL BREADCRUMBS */

.portalBreadcrumbs {
	border-bottom:1px dotted #999;
	/*do not employ margin bottom as affects listNavigation position*/
	margin-bottom: 0;
}
.portalBreadcrumbs.noListNavigation-margin {
	/*margin-bottom: 1em;*/
}

#navPort .portalBreadcrumbs {
	border:0 none;
}
.portalBreadcrumbs .item {
}
.portalBreadcrumbs .item:first-child {
	padding-left:0;
	background:none;
}

.breadcrumbNext {
	padding:0 2px;
}
.breadcrumbNext + .breadcrumbNext {
  display: none;
}

/*MAIN CONTENT*/

#cont, #main {}

#rowTop td, #topParts {}
#rowBottom td, #bottomParts {}

#rowMiddle td, #middleParts {}
.colleft, #leftParts { margin:0 auto }
.colmain, #centerParts {}

.colleft, .colmain, .colright, .leftcol, .maincol, .rightcol {
	padding-top:15px;
	padding-bottom:1em;
}
/* use these in order to define widths */
#leftContent {}
#rightContent {}

.colmain, .maincol {
	padding-left:15px;
	padding-right:15px;
}

.colleft, .leftcol {
	padding-left:10px;
}
.colright, .rightcol {
	padding-right:10px;
}

/* headers */
h4.menuheader {
	font-weight:normal;
	font-size:1em;
	margin:0;
}
.menuheader, .mainheader, .subheader {
	padding:.3em .4em .2em 2px;
}
li.heading .subheader, #titleInfoMetadata .mainheader {
	padding-left:0;
}
.menuheader, .mainheader, .subheader {
	font-weight:bold;
	color:#555;
}
legend.mainheader {
	border:0;
}
.menuheader {
	padding-left:.4em;
}

/* menuboxes */

.menubox {
	margin:0;
	padding:.2em 0;
	padding-bottom:.5em;
	border:1px solid #f0f0ec;
	margin-bottom:15px;
}
.menubox a, .menubox div {
	padding-right:.5em;
	margin:.5em .5em 0;
	word-wrap: break-word;
}
#vls_sourceDataFound {
	word-break: break-word;
}

#facetData .menubox a, #facetData .menubox div {
}
.listNavigation.relatedItemListNavigation .menubox a {
}
.menubox a {
	display:block;
}
.menubox a.inline {
	background: none !important;
	padding: 0 !important;
	text-decoration:underline;
}
/* menuboxDeliverer */
.menuboxDelivererSeparator {
	display:none;
	font-size:0px;
	border-bottom:1px solid #ccc;
	margin:8px 0 3px !important;
}

.menuboxDeliverer .menubox .address {
	background-image:url(/static/graphics/hmc.png) !important;
	background-repeat:no-repeat !important;
	padding-left:24px !important;
	margin-left:0px !important;
}
.menuboxDeliverer .menubox .address-home {
	background-position: 6px -128px !important;
}
.menuboxDeliverer .menubox .address-email {
	background-position: 6px 2px !important;
}
.menuboxDeliverer .address-contact {
	background-position: 6px -239px !important;
}
.menuboxDeliverer .address-phone {
	background-position: 6px -302px !important;
}
/* menuboxDomainbox */
.menubox a.sel {
	font-weight:bold;
}

.menubox a.external {
	padding-right:13px;
}

.subheader {
	border-bottom:1px solid #ccc;
}
.bd-nav .subheader {
	margin-top:1.7em;
  margin-bottom:.7em;
}
.bd-nav-inventory .subheader {
  margin-top:initial;
}
/* legacy static pages / newfrom */

.header, .newfrom {
	color:#666;
	font-weight:normal;
} .yearList .header {
	color: initial;
}
div.item, .newfrom {
	font-size:1em;
}

.newfrom {
  margin-top:2em;
  margin-bottom:1.25em;
}
.newfrom:first-of-type {
  margin-top:0em;
}
/*deprecated*/
div.header {
	font-size:1.14em;
}
/*deprecated*/
div.pageResHeader {
	color:#666;
}
/* deviant browser-defaults for : any(article,aside etc) h1  { font-size } */
h1 {
	font-size:2em;
}
h2 {
	font-size:1.5em;
}
/* header margins */

.wiki > article h1:first-of-type, main > h1:first-of-type, table.titleInfo .tdMainheader > h1.mainheader {
	margin-top:0;
} /* if margins are required, put these at */ .centerWiki {
}
.mainheader#classificationChildListHeader {
	margin-top:1em;
}

.mainheader#structureMainheader, .mainheader#classificationNavPath,
.mainheader#indexNavPath, .mainheader#releaseHistoryHeader {
}
#structWikicontentSeparator {
	margin-bottom:1em;
	padding:0
}
#structWikicontentSeparator .mainheader {
}
/* header margins end */

#firstLetter:first-letter {
	font:1.7em Arial;
	color:#666;
}

/* */
.infoDiv-inline {
	display:inline-block;
	width:30%;
	vertical-align:top;
	padding:0 1em 1em 0;
	margin:0 1em 1em 0;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.infoDiv .label {
	font-weight:bold;
	padding-bottom:.5em;
	border-bottom:1px solid #ccc;
}
.miniTitleinfo .bdata > div, .infoDiv > div {
	margin-bottom:.5em;
}

.nps-item, .nameItem, .placeItem, .subjectItem {}
.nps-item .nps {}
.nps-item .nps-details {}


.infoDiv .title, .infoDiv .address {
  font-size: 1.1em;
}
.nps-item h3 {
  margin-bottom: 0;
}
.miniTitleinfo a.title {
  font-size: 1.2em;
  line-height: 1.2em;
}
.bd-tableLayout .miniTitleinfo > * {
  margin-bottom: .35em
}
.miniTitleinfo .subTitle {
}
.miniTitleinfo .author {
}
.miniTitleinfo .physicalDescription {
}
.miniTitleinfo .origin {
}
.miniTitleinfo div.shelfLocator {
}

.mdIndexPages {
}
.wr-plain-search {
  background-color: white;
}
.frag.plain-search {
  padding: .5em;
  border: 3px solid #f8f8f8;
  border-top:0;
}
.wr-plain-entity {
  margin-top: .65em;
}
.wr-plain-entity:first-of-type {}
.wr-plain-entity {
  max-width: 61em;
}
.plain-entity.line {
  margin-top:.35em;
}
.frag.plain-entity {
  padding: .5em;
  border: 3px solid #eee;
  border-radius: 6px;
}
.frag a {
  display: flex;
  position: relative;
}
.frag a.plain-entity {
  display: block;
}
.frag a img {

}
.vls-list li a.page {
	display:inline;
	margin:0;
}
.morepages {
  margin-top: 0.5em;
  cursor: pointer;
  color: #444;
  font-weight: normal;
  text-transform: none;
  font-size: 0.95em;
  letter-spacing: 0px;
}
.morepages:before {
  display: inline-block;
  font-family:Helvetica, Arial;
  font-size: 1.1em;
  font-weight: bold;
  width: 1.4em;
  padding-top: 0.05em;
  margin-right: 0.45em;
  border-radius: 2em;
  border: 1.35px solid #89a;
  text-align: center;
  color: #89a;
}
.morepages a {
  color: #444;
}
.showaller:before {
  content:'>';
}
.fragtoggler:before {
  content:'+';
  transform: rotate(45deg);
}
.fragtoggler.open:before {
  /*color: #9ab;*/
  transform: rotate(0deg);
}
div.inlineLink, ul li > a.inlineLink, #div-titleinfo a.inlineLink {
	cursor:pointer;
	color:#999;
	/* this destroyed justified aligment of paginationcaptions with/out pdf-Link .. margin-right:1em;*/
	margin-right:0;
	margin-top: -1px;
	float:right;
}
ul.pageList li a.inlineLink {
	margin-right:0;
}
.paginationcaption {
  float:right;
  margin-left: 4px;
}
.paginationcaption > .phys {
}
.paginationcaption > .log {
}
.listInfo {
	color:#999;
	font-size:11px;
}

.resourceLink {
}
.debugPdfActions {
	z-index:10;
	position:absolute;
	display:none;
	padding:2px 6px;
	margin-top:-1.5em;
	border:1px solid #ccc;
	background-color:#fff;
	right:0;
}
.itemCount {
}
/* classification */
.metaDataCount {
	white-space: nowrap;
}

#menuboxFirstCollectionLevel a.collection {
}
#menuboxFirstCollectionLevel a.level-1 {
}
#menuboxFirstCollectionLevel a.level-x {
}
#menuboxFirstCollectionLevel div.toggle {
	cursor:pointer;
}
#menuboxFirstCollectionLevel div.toggle img {
	background-image:url(/static/graphics/listicons/toggleRight-sw.png);
}
#menuboxFirstCollectionLevel div.toggled img {
	background-image:url(/static/graphics/listicons/toggleDown-sw.png);
}
#menuboxFirstCollectionLevel div a {
	margin-left:22px;
}
#menuboxFirstCollectionLevel .mdCountAll {
}
#menuboxFirstCollectionLevel .mdCount1st {
}

.msgNoEntries {
}

div.msgEmpty {
	margin:2em 4px
}
div.msgEmpty span {
	color:#666;
	padding:1em;
	border:1px solid #ccc;
}

/* structure */

div#structure {
}
/* titleInfo */
#titleinfoImageAdd {}

#div-titleinfo.type_journal_issue {}

#titleinfo td:first-child {
    padding-right: 1em;
}
#td-titleInfoImage {
	width:306px;
}
#titleinfo {
	width:100%;
}
#td-titleInfoMetadata {
	width:100%;
}
#titleInfoImage a {
  display: block;
}
#titleInfoImage.titleInfoImage-right {
  float:right;
}

#titleInfoImage img {
  border:1px solid #EEEEEC;
}


.titleInfo td.name, table.nps-details td:first-child {
	color:#666;
	width:30%;
}
.nps-details {
	margin-bottom: 1em;
}
.titleInfo {
	margin-bottom: 1em;
  padding:0;
	width:100%;
}

table.titleInfo .tdMainheader {
	padding-bottom:3px;
}
table.titleInfo .tdSubheader {
	padding-bottom:1px;
}
table#titleInfoMetadata {
}
	tr#titleInfo td, tr.relatedItemTitle td {
		padding-top:1em;
	}
.bd-oaPeriodical #titleInfoWikiAbstract {
	margin-top:2em;
}
table#titleInfoWikiAbstract p, table#titleinfoCustomNotice p {
	margin-bottom:.5em;
}
table#titleInfoClassification {}

table#titleInfoLinks {}

#titleInfoLinkActions {}
#I3FViewerLinksOpener {
  display: none;
}
table#titleInfoWikiAbstract .wiki .subheader {
	margin-bottom: 0.4em;
}

table#titleinfoGoStructure {}

table#titleinfoCustomNotice {}

table#titleInfoTomes {}
table#titleInfoTVolumes {}
table#titleInfoIssues {}

#titleinfoProjectInformation .grantor_subheader {
	font-weight: bold;
}
table#titleinfoProjectInformation .grantor_data {
	margin-left: 2em;
}
table#titleinfoProjectInformation .grantor_data .name {
	font-weight: normal;
}

tr#mods_originInfoEditionElectronicEdition > td {
	padding-top:1em;
}
.nps-details  {
  margin-top: 1.2em;
  margin-bottom: 1.5em;
}
.nameDetails .namedata {

}
.namedata .peferredName {
  font-size: 1.25em;
}
.lifedata {
  margin: .25em 0 0 .075em;
}
.titleAdd > *, .nps-details, .titleInfo td:first-child {
}
.titleInfo td.tdSubheader:first-child {
  padding-left: 0;
} td.tdSubheader .subheader {
  margin-bottom: .32em;
}
.datacol .nav > li > *,
td.name, td.value, .nps-details td,
td.titleLinks, td.titleLinksLast {
	padding-top:.25em;
  padding-bottom:.25em;
}
.datacol .nav > li > *  > * {
  padding-bottom:.25em;
}
.titleAdd li:last-child {
  margin-bottom:0;
}
.titleAdd .subheader + * {
	padding: .4em 4px 0;
}
.datacol .inventoryNav li > * {
  padding: 0;
}
.datacol .inventoryNav li {
  margin: .65em 0;
}
.datacol img.list {
  padding: 0;
}
.namedata {
  padding-top: 0;
}
#div-titleinfo *.value div.subject {
  padding: 0;
}

.titleLinks {
	position: relative;
}

.titleInfoMetadataChildren .col1, .titleInfoMetadataChildren .col2 {
	padding-right:16px;
}
table#titleInfoTableOfContents p {
	margin-bottom:.5em;
}
div.titleinfoBox {
	margin-left:4px;
}
#titleinfo .value .value {
	padding-bottom:.5em;
}
#titleinfo .value .value:last-child {
	padding-bottom:0;
}
td.value div.valueDiv {
	padding-bottom:0;
}
td.value div.valueDiv-0 {
	padding-bottom:0px;
}
td.value div.valueDiv-3 {
	padding-bottom:3px;
}
td.titleinfoLinkAction div#networkOpac {
	padding-top:.5em;
}

.titleChild a {
	display:block;
}


#textData {
	width:100%;
	margin-top:1em;
}
img.icoTypes {
	border:0;
	vertical-align:middle;
	margin-right:6px;
}


/* navPath */

#navPath {
	margin-bottom: 3px;
}
#navPath form, #navPath span, #navPath a, #navPath div {
	display:inline-block;
}
.npItem {
	color:#666;
}

.waitLoading {
	color:#777;
	font-size:12.6px;
}
.pageviewStructure-tree {
	position:absolute;
	display:none;
	overflow:auto;
	background-color:#fff;
	border-radius: 0 3px 3px 0;
	border: 1px solid #999;
	/*box-shadow: 6px 7px 8px 1px #777;*/
	padding:6px 10px;
}
#classificationLevel a, #classificationChildList a, .pageviewStructure-tree li > a {
	margin-right:.9em;
}
.struct-list ul {
  padding-left: 24px;
}

#domainChildList.vls-list li > a, #navPath .struct-list li > a {
	margin-right:0;
	display:block;
}

/* set margin-bottom for dropdowns. with long paths these will wrap around */
#navPath select.change, #npSingle {
	margin:0 0 4px 0;
}
.npItem {
	margin:0 6px;
}

/* #npSingle - old-style: templating.navPath.layout = 'dropdowns' */
#navPath div#npSingle {
	background-color:#fff;
	padding:0 .25em;
	border:1px solid #a8a8a8;
	-moz-border-bottom-colors:#f0f0f0;
	-moz-border-right-colors:#f0f0f0;
	-moz-border-radius:2px 2px 2px 2px;
	/*-webkit-border-radius:2px 2px 2px 2px;
	border-radius:2px 2px 2px 2px;*/
}
#navPath div#npSingle a {
	color:#000;
	margin:0;
	line-height:15px;
	text-decoration:none;
}
#navPath div#npSingle a:active {
	background-color:#3399FF;
	color:#fff;
}
div.activeDropdown, select.active {
	-moz-box-shadow: 0 0 2px 1px #7396DF;
	-webkit-box-shadow: 0 0 2px 1px #7396DF;
    box-shadow: 0 0 2px 1px #7396DF;
	border: 0.1px solid #7396DF\9;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#7396DF')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=0, Color='#7396DF');
}

/* navPathClassification */

.addClassificationNavPath {
}
.addClassificationNavPath > * {
  display: inline-block;
}
.addClassificationNavPath > .breadcrumbNext {
  padding: 0 .25em;
}
/*bottomNav*/

.bottomNav {
	padding-top:2.2em;
	display: inline-flex;
}
/*historySlider*/

ul#thumbList {
	padding-left:0 !important;
}
ul#thumbList li {
}
ul.thumbList img {
}
#thumbView, #imageGrid {
  /* ul#thumbView has native margin-block-start: 1em */
}
#thumbGrid {
	width:100%;
}
table#thumbGrid td {
	min-width:0;
	border:1px solid #eee;
	text-align:center;
	padding:6px 6px 0 6px;
}
table#thumbGrid td.spacer {
	border:0;
	padding:3px;
}
table#thumbGrid td .pagin {
	/* display:inline; border-bottom:1px solid #ccc;*/
	margin:-1px 0;
	border:1px solid transparent;
	border-bottom:0;
	text-align:center;
	color:#666;
	font-size:12px;
	white-space:nowrap;
}
table#thumbGrid td a img.restricted {
	background: #f5f1db url(/static/graphics/error/imageRestricted-thumb.png) 50% 50% no-repeat;
    background-size: 100%;
}
table#thumbGrid td a img {
	border: 1px solid #eee;
}
table#thumbGrid td.thumb_sel a img {
	border:1px dotted red;
}
table#thumbGrid td.thumb_sel div.pagin {
	font-weight:bold;
	color:#c00;
}
#pages {
	position:absolute;
	background-color:#ddd;
	overflow:auto;
}
/*pageView*/

#imageGrid .relative-holder {
	/* editor-ctrls */
	display:flex;
	position:relative;
}
a#singlePageImageLink {
	position:relative;
	display:flex;
}

img#singlePageImage.restricted {
    background: #f5f1db url(/static/graphics/error/imageRestricted.png) 50% 50% no-repeat;
    background-size: 100%;
}
#singlePageImageLink div.restrictedText {
	position: absolute;
    color: rgb(173, 168, 151);
    font-size: 1.9em;
    text-align: center;
    top: 15%;
}
.markLink {
	/* see above line-height:0; */
	line-height: initial;
}
.bd-pages-thumbview .colmain {
	empty-cells:show;
}
.markTerm {
	position:absolute;
	background-color: #00808066;
	z-index: 1; /* should be larger than #singlePageImage*/
	display:none; /* will be shown after image load */
}


/* detailsearch */

table.sruForm {
	border-top:0;
	width:100%;
}
.sruForm .sruFormFields {
	width:63%;
}
.sruForm .sruFormInfo {
	width:33%;
}
.sruFormFields td.sruTerm, td.sruTerm input[type='text'], .sruForm #setDomains select {
	width:100%;
}

table.sruForm th {
	color:#666;
	font-weight:normal;
	white-space:nowrap;
	padding-top:.4em;
	text-align:left;
}
table.sruForm th select {
	width:100%;
}
table.sruForm th, table.sruForm fieldset#outputOptions th div {
	padding-bottom:4px;
}
table.sruForm td {
	vertical-align: top;
}
table.sruForm td.filterOptions {
	padding-bottom:1em;
}

.deformFormFieldset fieldset {
	margin:0;
	padding:0;
	border:0;
}
.deformFormFieldset legend {
	font-size:16px;
	padding:10px 0;
}

.sruForm fieldset,
.deformFormFieldset > ul > li > fieldset {
	margin: .7em 4px;
	padding: 0 15px 10px 10px;
	border:2px solid #ddd;
	border-radius: 3px;
}
.sruForm fieldset:nth-child(1) {
	margin-top:0;
}

.sruForm legend,
.deformFormFieldset > ul > li > fieldset > legend {
	font-size:1.25rem;
	color:#333;
	padding:10px .3em;
}

.sruForm input.filled {
	background-color:#DFEFFF;
}
.sruForm select, .sruForm input {
	font-size:1em;
}
input#vlFulltext, input#vlAny {
	width:100%;
}
table.sruForm select.sruBool {
	min-width:4.4em;
}
.sruForm select.sruIndex  {
	/*width:10em;*/
}
.sruForm div.sub {
	margin-bottom:4px;
	font-size:1em;
	color:#666;
}

table.sruForm td#tdSubmit {
	vertical-align:top;
	height:2.5em
}
#outputOptions .submit {
  display: none;
}

/* esa detailsearch */
#detailsearchForm .formfield {
	width:130px;
}

input.resolving {
	width:100%;
	font-size:1em;
}
/* splash-Box / purn box ( retained #copyPurn style for backward compatibility ) */

a.showbox, a.hidebox {
	cursor:pointer;cursor:hand;
}
div#sbox {
	background-color:#fff;
	text-transform: none;
	font-weight:normal;
	font-family:"Helvetica Neue",Arial,sans-serif;
	display:none;
	position:absolute;
	margin-left:-220px;
	margin-top:-7px;
	width:220px;
	border:1px solid #bbb;
	border-top:1px solid #ddd;
  box-shadow: 3px 3px 16px hsla(0, 0%, 0%, 0.3);
	border-radius:0 0 4px 0;
	padding:0;
	z-index:30;
  white-space: normal;
}

div#sbox div#plFrame {
	background-color:#fff;
	padding:8px;
}
div#sbox div#plFrame {
	background-color:#fff;
	color:#555;
}
div#sbox div#plFrame > div {
	font-size:11px;
	padding:3px;
}
div#sbox .sboxHeader {
	font-size:11px;
	font-weight:bold;
	color:#444;
	padding: 3px 8px 2px;
	background-color:#f6f6f6;
	border-bottom: 1px solid #eee;
}
div#sbox input, div#sbox input {
	margin:3px 0 0;
	width:196px;
}
#extraTabs a.hidebox {
	width:14px;
	margin:2px 2px 0 0;
	font-size: 10px;
	padding:0;
	text-align:center;
	color:#fff;
	background-color:#aaa;
	background-image:none;
	float:right;
	border: 0px solid #F8F8F8;
	border-radius:4px;
}
#extraTabs a.hidebox:hover {
	text-decoration:none;
	background-color:#777;
}

/* openlayers / tab zoom */

#map {
  background-color: hsl(50, 0%, 97%);
}
.bd-portal-zoom #map {
  width: 100%;
}


div.cloud {
	text-align: justify;
	font-size:1.3em;
}
div.cloud a.cloudItem {
	line-height:1.4em;
	padding-right:0.4em;
	vertical-align:middle;
}

#searchinfo {
	display:none;
}
#searchinfo b, #searchinfo strong {
	display:block;
	padding-bottom:.5em;
}
#searchInfoHeader {
  text-align: right;
}
#toggleSearchInfo, .resetSearch {
	cursor:pointer;
	white-space: nowrap;
}

#toggleSearchInfo img.infoIco {
	margin-bottom: -0.4em;
}
.substructureFile {
	display:block;
	margin-bottom:.3em;
}
.substructureFile:last-child {
	margin-bottom: 0;
}

.fulltextsearch .label {
  font-weight: bold;
  color:#999;
  margin-bottom:.3em;
}

#displayLicenseInfo .licenseTerms {
  vertical-align: middle;
  align-self: center;
}
#displayLicenseInfo .licenseTerms.name img.rsorg {
  height: 1.25em;
}
/*.licenseInfo, .wiki-pagetext .no-transcription-yet, .stateInfo */
.infoFly  {
	color:#999;
	font-family:Trebuchet MS,Helvetica,Arial;
	font-size:10px;
	font-weight:bold;
	margin-left:5px;
	padding:0 0 1px 0;
	display:inline-block;
	text-transform:uppercase;
}
/*.licenseInfo*/
.infoFly.licenseInfo {
	min-width:170px;
	margin-left:2em;
	text-indent: -5px;
}
.infoFly.right {
	float:right;
}
.infoFly.no-uppercase {
	text-transform:none;
}
.fulltextInfo-indicator, .stateInfo-indicator, .licenseInfo-indicator {
	margin:-2px 3px 0 0;
	display:inline-block;
	font-size:1px;
	vertical-align:middle;
	width:9px;height:9px;
}
.fulltextInfo-indicator {
	background-color:#0BBE49;
}

.licenseInfo-indicator-allowed-true {
	background-color:#0BBE49;
}
.licenseInfo-indicator-allowed-false {
	background-color:#F15B6E;
}
.licenseInfo-indicator-allowed-partial, .licenseInfo-indicator-vlreader-partial {
	background-color:orange;
}
/* Needs to come after .licenseInfo-indicator-allowed-true.  */
.licenseInfo-indicator-vlreader-true {
	background-color:#0BBE49;
}
.stateInfo-indicator-3 {
	background-color:#ffc107;
}
.stateInfo-indicator-0 {
	background-color:#0BB9E4;
}
.stateInfo-indicator-1 {
	background-color:#0BBE49;
}
.stateInfo-indicator-2 {
	background-color:#F15B6E;
}
.licenseInfo-accessmsg {}
.stateInfo-accessmsg {}

#resetSearchIcon, #resetSessionSearch {
	background:transparent url(/static/graphics/deletecell.png) no-repeat;
	float:right;
	width:16px;
	height:16px;
}
#resetSessionSearch {
	display:block;
}
#resetSearchIcon {
	margin:-34px -16px 0 0;
}
#resetSessionSearch a:hover {
	text-decoration:none;
}
#resetSearchText {
	color:#666;
	float:right;
	font-size:10px;
}
/*webkit*/
body:nth-of-type(1) #resetSearchIcon {
	margin:-16px -12px 0 0
}
#showSearchInfo, #hideSearchInfo {
	border-bottom:1px solid #ccc;
	padding-right:4px;
}
#hideSearchInfo {
	display:none;
}

#submitSearch {
	font-size:1em;
}
#submitSearch {
	margin-left:9px;
}
#resetSearch {
}

#alphaIndexSpacer {
	font-size:8px
}
#alphaIndexHeader {
	border-bottom:1px solid #ccc;
	margin:0 0 2px;
}
#alphaIndexHeader #indexDiv {
	display:inline;
	background-color:#bbc;
	color:#fff;
	font-weight:bold;
	padding:2px 4px 0;
	margin:0 4px 0 0;
}
.subjectlist {
}
.nameInfo a {

}
.publisherlist {
}
.distributorlist {
}
.yearList {
	border:0;
	margin-top:1.6em;
}
.yearList.tabTitleinfo {
	margin-top:initial;
}
.yearList-layer {
	box-shadow: 6px 6px 16px 0px #999;
	margin-top:0em;
	position:absolute;
	display:none;
	background-color:white;
	z-index:1;
	border: 1px solid #ccc;
	padding: 1em;
	overflow-y: scroll;
}
.yearList > .century {
	font-size:1.2em;
	clear:left;
  padding-bottom:2rem;
}
.century > .header {
	font-weight:bold;
	margin-bottom:1em;
	font-size:1.2em;
}
.century > span, .century > div.oj {
	border-radius:1.5px;
	margin: 0.2em 0.2em;
	border: 1px solid #ddd;
}
.century > span {
	display:inline-block;
}
.century > div.oj {
	min-width: 2.1em;
	max-width: 34.3em;
}
.century *.avail {
	background-color: #f9f9f9;
	border-color:#bbb;
}
.century *.avail > a, .century div.oj a.avail {
	color: #666;
}
.century *.avail:hover {
	background-color: #fff;
	border-color:#999;
}
.century *.avail > a:hover, .century *.avail.sel > a,
.century div.oj a.avail:hover, .century div.oj a.avail.sel {
	text-decoration:none;
	color: #000;
}
.century div.oj a.avail {
	border-right:1px solid #ddd;
}
.century > *.avail.sel, .century div.oj a.avail.sel {
	background-color: #fff;
}
.century > *.avail.sel {
	box-shadow: 0px 0px 7px 0px #bbb;
}
.century > * > * {
	display:inline-block;
	padding: .2em .4em;
}
.century > span:nth-of-type(10n+1) {
	clear:left;
}
.century > span > span {
	color:#bbb;
}
.alphaIndexNav {}

.alphaIndexList {
	margin:10px 40px 10px 0;
}
form#searchList {
}
form#searchList > div {
	border:1px solid #bbb;
	height: inherit;
	border-radius:1px;
	margin-top:.2em;
	color: #999;
  background-color: white;
  display: flex;
  align-items: center;
  padding: 6px;
}
form#searchList > div > input.textinput {
  min-width:100px;
  flex: 1;
}
form#searchList input.textinput {
	margin-top: 1px;
	border:0;
	outline:none;
	padding:0 2px;
  font-size: 1em;
}
form#searchList input.submit, #quicksearchBoxSubmit {
	cursor: pointer;
	outline:0;
	width:19px;
	border:0;
	background:white url(/static/graphics/searchglass.png) no-repeat -2px -1px;
}
div.modifyDateResult {
	margin: 1em 0 0;
	padding-bottom:.3em;
	text-align:right;
	border-bottom:1px solid #ddd;
}
.modifyDateResult#toggleCalendar {}
.modifyDateResult#changeToJournalsVolumesIssues {}

.alphaIndexList .set {
	float:none;
	vertical-align:middle;
}
/*.alphaIndexList a, .alphaIndexList .noHits */
.alphaIndexList .set > * {
	display:inline-block;
	float:none;
	margin:0 2px 2px 0;
	font-family: Segoe UI, Verdana, Helvetica Neue, Arial;
	font-size: 1.15em;
  font-weight:bold;
	white-space:nowrap;
	color:#fff;
	background-color: #a9acaf;
	padding: 0 .633em .083em;
}
.alphaIndexList .noHits {
	background-color:#ddd;
}
.alphaIndexList a:hover, .alphaIndexList a.selected {
  text-decoration: none;
	background-color:#D9AF6C;
}
/* active denotes exactly the requested date/interval */
.alphaIndexList a.active {
	background-color:#d69300;
}
.alphaIndexList .set > * {
	padding: 0 .633em .083em;
}
.alphaIndexList .set > div.set {
	padding-left:2px;
}
.alphaIndexList #aindex-1 {
	font-size:1.1em;
}
.alphaIndexList #aindex-2 {
	font-size:1em;
}
.alphaIndexList #aindex-3 {
	font-size:.9em;
}

.alphaIndexList #aindex-1 {
	padding-left:2px;
}
.alphaIndexList #aindex-2 {
	padding-left:4px;
}
.alphaIndexList #aindex-3 {
	padding-left:6px;
}
.alphaIndexList #aindex-2 > * {
}
 .alphaIndexList #aindex-3 > * {
}

.bd-wiki-edit .colmain {
	padding-top:10px;
}
nav.navPort {
  position: relative;
}
.editfloat {
  right: 0;
  z-index: 1;position: absolute;
}

#toggleCalendar {
	margin-top:-10px;
	margin-bottom:10px;
}
#toggleCalendar a {
	display: inline-block;
	padding: 4px 6px;
	border-radius: 3px;
	background-color: #bbb;
	color: white;
	font-weight: bold;
}

.leadingIco, .trailingIco {
	vertical-align:baseline;
	border:0;
	margin-bottom:-.2em;
}

#linkIdentifier {
	width:100%;
	border-width:0;
	padding:0;
	font-family:Verdana,Helvetica,Arial;
	font-size:1em;
}



div#yourQuerySubheader {
	margin-bottom:.5em;
}

/*qa tabs are displayed when logged in */
span#qa.tabgroup {
	border-left:1px solid #CCCBD7;
	margin-left:2em;
}
span#qa.tabgroup span.viewCtrl {
}

/* pageHits - sessionSearch */

table.metadataTable td {
	padding:10px;
}
.list-item {
	border-bottom:1px solid #ddd;
}
table.metadataTable td {
	border-top:1px solid #ddd;
	border-bottom:0px solid #ddd; /* px is overwritten inline */
}
table.metadataTable td.last {
	border-bottom:1px solid #ddd;
}
.list-item-last {
	border-bottom:0;
}
table.metadataTable td {
	empty-cells:show;
}
table.metadataTable td td {
	border:0 none;
	padding:.2em 0;
}
table.metadataTable td.thumb {
  width: 1%;
  padding:10px;
	padding-left:0;
}
table.metadataTable td.thumb a {
	display:flex;
}


.addrow {
  width:100%;
  margin:10px 10px 10px 10px;
}
/*titleinfo only?*/
.addrow {
	flex-basis:100%;
}
td.mdrow-thumb {
  width:1%;
}
.mdrow-metadata > * .col {
  padding: 1em 1em 0 1em;
}
.mdrow-metadata a.view-all {
	color:#999;
	text-transform:uppercase;
}
/* assume cfg default */
.mdrow-metadata img {
	width:48px;
}
.thumbrow-entity {
  display: flex;
  flex-wrap: wrap;
}
.thumbrow-entity > *:nth-child(2) {
  align-self: start;
  padding: 0 2em;
  text-align: center;
}
.metadataTable td.thumb img {
	max-width: initial;
  border:1px solid #ddd;
}
.sessionSearchHeader, .sessionSearchSubheader {
	display:inline;
}
.infoFly .hitInfo {
  float: none;
  display: block;
}
.hitInfo {
  float: right;
  display: inline-block;
  margin-left: 2em;
}
.hitInfo > div:before {
  content: '\2190 ';
}
.hitSummary {
	border-top:2px solid #eee;
	padding-top:7px;
}
.hitSummary .hsMsg {
}
#sessionTimeout {
	display:none;
}

#sortKeyLabel {
	font-family: Segoe, Helvetica, Arial;
	text-transform:uppercase;
	font-size:10px;
	float:left;
	color:#999;
	padding-top:2px;
}

#releaseHistoryTotal {
	float:right;
	margin:3px .7em 0 0;
}

div.wikisnippet {
}
div#linkActions {
}


ul.vlsDropdown {

}

#countTitlesHeader  {
}
.listNavigationBox {
}
/* employed in /publisher/list|view|*/
.options-righthand {
	float:right;
	background-color: #fff;
	padding: 0 20px 5px;
	border-left: 1px solid #999;
}
.options-righthand-div {
	border-radius:2px;
	padding: 5px;
}
.options-righthand-div .vlsControl.confirmUpload {
	background-color: hsla(72, 55%, 50%, 0.5);
}
.confirmIssueUpload, .finalizedIssueUpload {
    min-width: 12em;
	border-radius: 4px;
	padding: 0.1em 1em;
}
a.inlineLink.confirmIssueUpload {
	color: white;
	background-color: hsl(72, 60%, 50%);
}
a.inlineLink.finalizedIssueUpload {
	background-color: hsl(55, 65%, 90%);
}
a.inlineLink.finalizedIssueUpload:hover {
	cursor:text;
}
a.inlineLink.confirmIssueUpload:hover, a.inlineLink.finalizedIssueUpload:hover {
	text-decoration:none;
}
.options-righthand-div .vlsControl.confirmUpload {
	padding: 0.7em 1em 3em;
    margin-top: -2.8em;
	margin-left: -1em;
	border-radius: 4px;
}
.options-righthand-div .vlsControl.confirmUpload a {
	margin-top: 3em;
}
.options-righthand fieldset {
	border:1px solid #ddd;
}

.bd-publisher #div-titleinfo {
	margin-right: 280px;
}
.bd-publisher .options-righthand-upload {
	width: 210px;
}
.bd-publisher .options-righthand-upload-structure {
	/* compensate for negative -8em margin-right of a.form-ajax-edit Editieren-Link  */
	margin-left:110px;
}
.showAvailableFormtypes {
}
.publisherDocuments {
}
.publisherStats {
}
.mainheader-upload {
	margin-bottom:1em !important;
}
/* */
#listNavigation {
	float:right;
	background-color:#fff;
	margin-left:20px;
	width:auto; /* if the listNavigation-Element should behave like a column,
	the margin-right of .listNavigation-margin elements should equal it's width plus left-margin/padding
	see below  w*/
}
#toggleAllDetails {
  float: right;
  font-size: 1rem;
  cursor:pointer;
}
#searchResultNamesPlaces.listNavigation {
}

.listNavigation-margin {
	margin-right:auto
}
#listNavigation.relatedItemListNavigation.oversized {
	width: 35%;
}
.listNavigation.relatedItemListNavigation .menubox a {
}
/*
#listNavigation.relatedItemListNavigation.oversized .menubox a {
	display: inline-block;
	margin-right: 4%;
	vertical-align: top;
	width: 45%;
}*/
.listNavigation .listNavBox {
}
.listNavigation div#facetDataMainheader {
}
#fdmhead {}
#fdmclear a {
  cursor: pointer;
}
.toggleListNavigation .listNavBox#countTitlesHeader {
	display:inline-block;
}
.listNavigation .menusection > * {
	/* padding-left:3px; */
}
#facetData a.toggle-facetitems {
  display: block;
}
#facetData a.sel .itemCount:after {
    content: ' | \2A2F\00a0';
}
#facetData a.expand-facetitems:before {
	content:'\2193\00a0'
}
#facetData a.reduce-facetitems:before {
	content:'\2191\00a0'
}
#facetData .clearFilter {
	/*margin-top: -3px; margin-left: 4px;*/
}

.listNavigation .menuheader {
	margin-top:1em;
}
.listNavigation .menubox {
	margin-bottom:0;
	padding:3px;
}
.listNavigation .menubox .itemCount {
	margin-left:2px;
}
#facetData .menubox a, #facetData .menubox div {
	background-image:none;
	padding:0;
	margin:1px;
	padding-right: 0;
}
#facetData .clearFilter {
	display: none;
  float:right;
	margin-right:-16px;
	width:16px;
	height:16px;
	background:transparent url(/static/graphics/clear.png) left 1px no-repeat;
	display:inline-block;
}
#facetData .menubox a.fullFacet{
	border-top:1px solid #ccc;
	text-transform:uppercase;
	font-size:10px;
}
#facetData .menubox a.fullFacet, #facetData .menubox a.fullFacet:visited {
	color:#666;
}
#fullFacetList  {
	margin-left:4px;
}
#fullFacetList div.box {
	margin-left:0;
}
#fullFacetList .header {
}
#fullFacetList .box {
}
#fullFacetList .header a#backToFacetResult {
	float:right;
    font-weight: bold;
}
#fullFacetList .box a {
	display: block;
	padding: .25em 0;
}

.noImageSupplied-transparency {
	background: #B08D3C url('/rlbzd/domainimage/error/noImageSuppliedThumbTransparent.svg');
  aspect-ratio: 1;
}
.transparencygrey {
	background-color:#999;
}
a:link.grey, a:visited.grey {
	color:#999;
}
/* end keep */


.middleContent {
	height:100%;
	/*max-width: px;*/
}

#changeSearch {
	float:right;
}

.domainBox {
}
.icon-share  {
  cursor: pointer;
}
.icon-share > span {
  display: none;
}
.shariff li a {
  min-height: 30px;
  padding: 0em 0px;
}
#pageFragments {
}
.pageFragment {
	display:block;
	margin-bottom:20px;
	height:auto;
	border:1px solid #DDDDDD;
}
.pageFragment-header {
	background-color:#fafafa;
	font-size:13px;
	margin:0;
	padding:5px 10px;
}
.pageFragment-header a {
}
.pageFragment-content {
	text-align: center;
}

.pageFragment-content a {
	display:block;
}
#pagehitBar {
	z-index:9;
	position:relative;
	display:none;
	background-color:#f0f0f0;
}
#pagehitBar span.hit {
	position:absolute;
	width:14px;
	height:2px;
	background-color:#66bbe0;
}
#pagehitBar a.aHit {
	font-size:1px;
	width:14px;
	height:6px;
	margin-top:-2px;
	position:absolute;
	display:block;
}
#pagehitBar a.aHit_sel, #pagehitBar a.aHit:hover {
	background-color:#fa3;
	text-decoration:none;
}
#pagehitBar .bubble {
	z-index:101;
	background-color:white;
	display:none;
	position:absolute;
	padding:1em .5em .5em;
	font-size:12px;
	border:1px solid #ddd;
	min-width:280px;
	color:black;
}
#pagehitBar .bubble:hover {
	text-decoration:none;
}
#pagehitBar .bubble a.bHit {
	position:absolute;
	margin:-5px;
}
#pagehitBar .bubble .pageinfo {
	font-weight:bold;
	color:#999;

}
#pagehitBar .bubble p {
	margin:0 0 .5em;
	white-space:nowrap;
	font-size:12px;
}
#quickUI {
	display:none;
}
#uiSwitcher .viewCtrl a {
	cursor:pointer;
}


.widget .legend {
	margin:.5em .2em;
	display:inline-block;
}
.widget .legend > * {
  display:inline-block;
}
.widget .legend p {
	margin-bottom:.35em;
	display:inline-block;
}

.widget.showcase, .widget.slider, .widget.teaser {
	position:relative;
}
.widget.teaser {}
.widget.teaser .item {
}
.widget.teaser img {
	margin:.25em 0;
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	box-shadow: 3px 2px 6px 0px lightSlateGray;
}
.widget.slider {}

.ellipsis, .widget.carousel .flex-caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.widget.carousel .flex-caption {
}
.widget.showcase > .item > a, .widget.domainShowcase a, #titleinfo .shariff {
  color: var(--body-font-color);
}

.widget.domainShowcase {
  padding: 30px 0 30px;
  margin-left: 41px;
  margin-right: 41px;
}

.widget.domainShowcase a > img {
  width: 100%;
  background-position: 0% 50%;
  background-size: 70%;
  background-repeat: no-repeat;
}

.widget.domainShowcase a:hover {
  text-decoration: none;
}

.widget.showcase {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.widget.showcase a {
  text-decoration: none;
}
.widget.showcase > .item {
  margin: 0;
  position: relative;
}

.widget.showcase .legend {
  font-family: var(--body-font-bold);
  color: var(--link-color);
  font-weight: bold;
  height: auto;
  padding: 0 14px 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: transparent;
}

.widget.showcase > .item > a img {
  background-color: #ccc;
  position: relative;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
}

.widget.domainShowcase {
  gap: 10px;
  justify-content: center;
  margin-bottom: 30px !important;
  margin-top: 30px !important;
}

.widget.showcase.domainShowcase > .item {
  margin: 0 -1px -1px 0;
}


.bd-portal-home .widget.showcase > .item > a {
  display: flex;
}

.widget.showcase.domainShowcase > .item .legend {
  pointer-events: none;
}

.bd-portal-home .widget.showcase.domainShowcase > .item > a {
  display: initial;
}

.widget.domainShowcase > .item > a img {
  border: 1px solid #dedede;
  background-color: #fff;
}
@media (max-width: 1267px) {
  .widget.showcase.domainShowcase > .item:first-child {
    margin-left: 0;
  }
}

@media (max-width: 1017px) {
  .widget.showcase {
    max-width: 750px;
  }
}

@media (max-width: 767px) {
  .widget.showcase {
    max-width: 500px;
  }

  #mobileTop #searchexpert {
    display: none;
  }
}


.snipletViewWrapper {
}
.widget > .sniplet {
	display: inline-block;
    margin:2%;
	vertical-align: top;
}
.widget > .sniplet img {
	background-size: contain;
}
.widget a {
	display:flex; /* might not this be dangerous */
  flex-direction: column;
}
.widget a:hover {
  text-decoration: none;
}
.widget > .sniplet a.chooseRegion {
	position:relative;
}
.widget > .sniplet .clickhere {
	position:absolute;
	top:45%;
	left:20%;
	width: 70%;
	color:white;
	font-weight:bold;
	text-shadow:1px 1px 3px #999;
}
.widget > .sniplet img.placeholder {
	background-color: rgba(176, 196, 222, 1);
}
.widget h2, .widget h3  {
	margin:.3em 0 .6em;
}


/*.widget.teaser > div {
	border:1px solid #999;
	background-color: #fafafa;
	display: inline-block;
	padding: 1em 1.5em;
}
*/

/* overwrite flexslider.css, overflow horiz scrillbar probs */
.flexslider {
}
@media (max-width: 992px) {
  .flex-control-nav {
    display:none;
  }
}
.flex-direction-nav .flex-prev {
  left: 10px !important;
}
.flex-direction-nav .flex-next {
  right: 10px !important;
}
.flex-direction-nav .flex-prev {
  left: -0px;
}
.flex-direction-nav .flex-next {
  right: -0px;
}
/*.widget.slider .flex-caption or also .history.carousel */
.flexslider .flex-caption {
	box-sizing: border-box;
  width: 100%;
  padding: 2%;
	background:rgba(0, 0, 0, .5);
	font-size:14px;
}

/* align with cssLayout names places */

ul > li.qs-preview, .vls-list > li.qs-preview {
	display:flex;
  flex-wrap: wrap;
  margin-top: 1.5em;
  padding:0;
  align-items: center;
}
ul > li.qs-preview > * {
  padding-top: 0;
  padding-bottom: 0;
}

.qsp-desc, .nps-desc {
  flex: 1;
  display: flex;
  align-items: flex-start;
}
.qsp-more .icon-before:before {
	margin-right: 1em;
}
.nps-desc {
  flex-direction: column;
}
.qsp-desc {
  flex-direction: row;
}
.qsp-desc > *:first-child {
  flex: 1;
}


/* same bg for deviating formats in historySlider #thumbList */
.flexslider .flex-caption, .flexslider .thumb img {
  background-color: transparent;
}
/*.flexslider .thumb img should be obsolete*/
table.metadataTable td.thumb img,
.vls-list > li > *.thumb img,
.mdrow-thumb img, .flexslider .thumb img {
  background-size: 100%;
}
.titleLinks > div.childLink.thumb > a img {
  background-size: cover; /* stretch these to height */
}
.titleLinks > div.childLink.thumb > a img,
table.metadataTable td.thumb img,
.vls-list > li > *.thumb img,
.flexslider .thumb img {
  background-position-x: 50%;
  background-position-y: 50%;
  background-repeat: no-repeat;
}
.widget.showcase {}
.widget.showcase > .item {
	display:inline-block;
	vertical-align:top;
}
.widget.showcase .legend {
	background-color: ghostwhite;
	margin:0;
	padding:.3em 4%;
}
.widget.showcase.snipletView .legend {
}

/* Firefox */
@-moz-document url-prefix() {
}

img.svgInline.left {
  margin-right: .5em;
}
img.svgInline.connectors, svg.svgInline.connectors {
  height: 1em;
  margin-bottom: -0.15em;
  display: inline-block;
}
svg.connectors {
  border-bottom: 1px solid transparent;
  /*border-radius: 0.15em;*/
}
svg.connectors:hover {
  /* border-bottom-color: #0630ac; */
  /*box-shadow: 0 0 0.75px #0630ac;*/
}
/* svg + transparency */
svg.connectors path {
	fill:#0630ac;
	opacity:1;
}
svg.connectors.orcid {
  height: 1.2em;
}
svg.connectors.orcid path {
  fill: #A6CE39;
}
svg.connectors.orcid:hover {
  filter: none!important;
}
.transparency {
	background-color:#339;
}
.transparency.selected {
	background-color:#e61919;
}
@-moz-document url-prefix() {
	img:not([src]) {
	content:'';
	}
}
img.connectors, span.connectors {
	display: inline-block;
	background-image: url(/static/graphics/connectors/connectors.png);
	background-repeat: no-repeat;
}

.bgIco {
	/*font-size:4px; display:inline-block;*/
	width:16px;
	height:16px;
	display: inline-block;
}
/* 1st row, buttoncover square */

.opacIco {
	background-position: 0 0;
}

.oaiIco {
	background-position: -16px 0;
}

.openurlIco {
	background-position: -32px 0;
}

.epubIco {
	background-position: -128px 0;
}
.pdfIco {
	background-position: -48px 0;
}

.zipIco {
	background-position: -64px 0;
}

.googleIco {
	background-position: -80px 0;
}

.vlmIco {
	background-position: -96px 0;
}

.openurlTitleinfoIco {
	background-position: -112px 0;
}
.iiifIco {
	background-position: -160px 0;
}
/* 2nd row, buttoncover round */
.gbv-peIco { /* GBV Personen-Datenbank  */
	background-position: 0 -16px;
}

.gbv-ppIco { /* GBV Drucker/Verleger-Datenbank */
	background-position: -16px -16px;
}

.dnbIco {
	background-position: -32px -16px;
}

.zdbIco {
	background-position: -48px -16px;
}

.wpediaIco {
	background-position: -64px -16px;
}
.hereIco {
	background-position: -144px -16px;
}
.cerlIco {
	background-position: -160px -16px;
}
.gettyIco {
	background-position: -176px -16px;
}
.downIco {
	background-position: -192px -16px;
}
.geonamesIco {
	background-position: -80px -16px;
}

.infoIco {
	background-position: -96px -16px;
}

.ddcIco {
	background-position: -112px -16px;
}

.dnbIco {
	background-position: -128px -16px;
}
.listNavigation-margin {
	/*set margin-right to width of listNavigation(=facets) in order keep list-width / no float beyond listNav Box */
	margin-right:auto;
	margin-left:1px;
}
.vls-list-righthand {
	/* enshure overwrite any other (right) margin given via domain, eg. .vls-list { margin: */
	margin-right: 280px !important;
}
#searchFrags {
  background-color: #f8f8f8;
}
#searchFrags .fstruct a:after {
  opacity: .75;
  content: var(--icon-search);
  font-family: var(--icon-fontFamily);
  font-size: 1rem;
  display: inline-block;
  margin-left: .6rem;
}
#searchFrags .npNext {
  display: none;
  margin-left: .6rem;
}
.fstruct {
  padding-left: .6em;
  padding-top: .6em;
  padding-bottom: .4em;
  background-color: #f8f8f8;
}
#mainheaderNaviBox .col-lg-3 {
  width: 24%;
}
.vls-list li a:link.grey {
	background-color:#777;
}
/*citation as header */
#titleHeader {
	padding-left:0;
	margin-bottom:.8em;
}
.bd-metadata #titleHeader {
  clear: both;
} /* corner-case at content/name etc */
.bd-listnav #titleHeader {
  clear: none;
}
/* Volume .bd-oaPeriodical */
.bd-oaPeriodical #titleHeader {
	margin-top:1em;
    padding-bottom:.5em;
    font-size: 1.25em;
    font-weight: bold;
}
.pageLoader {
	position:absolute;
	background-color: white;
	color:#777;
	font-size:12.6px;
	font-family: Arial;
}
#facetData a.toggle-facetitems {
	cursor:pointer;
}
#facetData a.toggled-facetitems {
	display:none;
}

#searchinfo > .close {
  user-select: none;
}
#searchinfo > .close:before {
  font-family: var(--icon-fontFamily);
  content: var(--icon-close);
}
.filterTitles .toggle, .toggleFacets .toggle {
    display:inline-block;
}
.filterTitles .toggle:before, .toggleFacets .toggle:before {
  content: var(--icon-filter);
	font-family: var(--icon-fontFamily);
  display: inline-block;
  margin-right: 14px;
}

.button.list-toggler {
}
.vl-mobile-top .toggle.active:before {

}
/*.vl-mobile-top .button.toggle.leftParts:before {
  content: var(--icon-menu);
	font-family: var(--icon-fontFamily);
}
.vl-mobile-top .button.toggle.listNavigation:before {
  content: '\E80f';
	font-family: var(--icon-fontFamily);
}*/
.vl-mobile-top .button:before {
  width:1.1em;
  display:inline-block;
}
.vl-mobile-top .button:after {
  margin-left:.7em;
}
/*.vl-mobile-top .button.list-toggler:after, */

.vls-open-Layer:after {
    content: var(--icon-chevron-down);
    font-family: var(--icon-fontFamily) !important;
}
/*.vl-mobile-top .button.list-toggler.up:after, */
.vls-open-Layer.up:after {
    content: var(--icon-chevron-up);
}
.vl-mobile-top .button.list-toggler.up {

}
/*hide togglers desktop > 992px */
.relatedItemListNavigation #facetData a.toggle-facetitems {
	display:none;
}
/*show elems totoggle desktop > 992px */
.relatedItemListNavigation #facetData a.toggled-facetitems {
	display:block;
}

@media (max-width: 992px) {
  /*.vl-mobile-top {
    display:flex;
  }*/
  .menu-left.toggle {
    display:none;
  }
}
/*   */
@media (max-width: 992px) {

  .relatedItemListNavigation #facetData a.toggle-facetitems {
		display:block;
	}
	.relatedItemListNavigation #facetData a.toggled-facetitems {
		display:none;
	}
}
#explainResult {
	float:right;
	border:1px solid #f0f0f0;
	border-radius:2px;
	font-size:10px;
	margin: 0 0 4px 10px;
}
#explainResultHeader {
	border-bottom:1px solid #f0f0f0;
	padding:2px 8px;
	background-color:#fafafa;
}
#explainResultContent {
	padding:4px 8px;
}
#logoutButton {
	display:inline-block;
}
/* moved from datepicker.css */
.datepicker {
  vertical-align: top;
	display:inline-block;
	margin-right:1.25em;
}
.datepicker {
	position: relative;
	display: inline-table;
	font-size: 1em;
	padding: .625em;
  font-size: 1em;
  border: 1px solid #e0e0e0;
	margin-bottom: .625em;
}
.datepicker td  {
	color:#777;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding:0;
}
.datepicker table {
	border-collapse:collapse;
}
.datepicker th {
	background-color:#fafafa;
}
.datepicker th.month {
	color: #333;
  font-size: 1.25em;
}
.datepicker th.month a {
	cursor:pointer;
}
.datepicker th.month a, div.datepicker th.month span {
	color:#000
}
.datepicker th.weekday {
	color: #999;
}
.datepicker th.weekday span {
	font-weight: normal;
	text-align:right;
}
.datepicker th.weekday span:hover {
	color:#999;
}
.datepicker a, .datepicker span {
	display:block;
	padding: 0.2em 0.4em;
	border:1px solid transparent;
}
.datepicker a {
	color: #fff;
	text-decoration: none;
	cursor: default;
	outline: none;
}
.datepicker a.avail {
	background-color: #3C87CA;
}
.datepicker a.avail:hover, .datepicker a.avail.sel {
	border:1px solid white;
	background-color: #0069A8;
}


#topic-startlinks, #home-startlinks {
	float:right;
	width:20em;
	margin: 0 0 1em 2em;
}
#mods_subject .value > span {
	white-space: nowrap;
}
@media (max-width: 768px) {
  #mods_subject .value > span {
    white-space: initial;
  }
}
#mods_subject .subj-sep {}
.mods_name .etal {
}
.mods_name .etal .sep {
  content: '';
}
.mods_name .etal .val {
  content: '';
}

.clipped-undef {
  filter: blur(1.5px) brightness(80%) contrast(150%);
}
.vls-list.gndoQuickSearchPreview {
  padding:1em;
  margin-bottom:1.5em;
}
.vls-list.gndoQuickSearchPreview .qsp-desc {
  margin-right: auto;
}
.gndoQuickSearchPreview td {
  vertical-align: middle;
}
.qsp-more {
  min-width:13em;
  text-align:right;
}
.qsp-icon {
  margin: 1em 0 .65em;
  text-align: center;
}
.nps-desc > *:nth-child(1) {
  margin-bottom:1em;
  margin-top:1em;
}

.nps-item {
  margin-left: .75em;
}
.nps-desc .mdrow-thumb a, .nps-desc a.entity-thumb {
  margin-top:0;
}
.nps-item .nps-details {
  margin: .25em .125em;
  font-size: .9375em;
}
.nps-item .details {
  margin-top:.75em;
}
.morepages {
  margin: .5em;
}
.viewCtrl.tabexpansion {
	cursor: pointer;
}
.lastNavUrl:before {
  display: inline-block;
  margin-right: .5em;
  font-family: var(--icon-fontFamily);
  content: var(--icon-chevron-left);
}
#lastNavUrlLink.hidden {
	position:relative;
	top:inherit;
	left:inherit;
	width:auto;
	height:auto;
	display:block;
	visibility:hidden;
}
#lastNavUrlLink span {
	display:inline-block;
	margin-right: 10px;
}

.vls-button.icon-rss, .vls-button.icon-rss:hover {
	color:white;
	background-color:orange;
	font-size: initial;
	line-height: 1.25rem;
}
/*#lastNavUrlLink span:after {
	content: '\25C0';
}*/
/*ul#tabExpansion {
	display:none;
	position:absolute;
	width: 25em;
}

ul#tabExpansion li {
	display:block;
}
ul#tabExpansion span {
	display:inline;
	padding:0;
}
*/
@media (max-width: 1280px) {
	/*.listNavigation.relatedItemListNavigation.oversized .menubox a {}
	.listNavigation.relatedItemListNavigation.oversized {}*/
}


/*firefox
@-moz-document url-prefix() {
select.change, #npSingle {
	padding:2px 1px;
}}
*/
/* Chrome
@media screen and (-webkit-min-device-pixel-ratio:0) {
select.change, #npSingle {
	padding:1px;
}}
*/


var.vl-imgdims {
	display:none;
}
.markTerm {
	display:none;
}
.vl-pbuttons a:hover, .vl-btn.toggle.active {
  background-color: hsla(0, 0%, 23%, 0.85);
}

#zoom__filterSliders {
  padding: .8rem;
  display: none;
  z-index: 1;
}

#zoom__filterSlidersContent {
  display: flex;
  flex-direction: row;
}

#zoom__filterSlidersBg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: .7;
  z-index: -1;
}

#zoom__filterSlidersContent > div {
  width: 45px;
  text-align: center;
  font-size: 14px;
}

#zoom__filterSliders .vls-button {
  display: inline-block;
  margin: 0 5px;
  border: 0;
  background: none;
  font-size: 16px;
  padding:0 !important;
}

#zoom__filterSliders input[type=range] {
  height: 5px;
  width: 120px;
  margin: 60px 0 60px -41px;
  transform: rotate(270deg);
  -moz-transform: rotate(270deg); /*do same for other browsers if required*/
  -webkit-appearance: none;
  overflow: visible;
}
#zoom__filterSliders input[type=range]:focus {
  outline: none;
}
#zoom__filterSliders input[type=range]::-webkit-slider-runnable-track {
  height: 5px;
  border: 0;
  cursor: pointer;
  animate: 0.2s;
  background: #fff;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
#zoom__filterSliders input[type=range]::-webkit-slider-thumb {
  border: 1px solid #333;
  height: 18px;
  width: 8px;
  background: #eee;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
#zoom__filterSliders input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}
#zoom__filterSliders input[type=range]::-moz-range-track {
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #fff;
  border-radius: 1.3px;
  border: 0.2px solid #000;
}
#zoom__filterSliders input[type=range]:focus::-moz-range-track {
  background: #ccc;
}
#zoom__filterSliders input[type=range]::-moz-range-thumb {
  border: 1px solid #333;
  border-radius: 0;
  height: 18px;
  width: 8px;
  background: #eee;
  cursor: pointer;
  margin-top: -7px;
}
#zoom__filterSliders input[type=range]::-ms-track {
  height: 6px;
  border: 0;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
#zoom__filterSliders input[type=range]::-ms-fill-lower {
  background: #fff;
  border: 0.2px solid #000;
  border-radius: 1.3px;
}
#zoom__filterSliders input[type=range]::-ms-fill-upper {
  background: #fff;
  border: 0.2px solid #000;
  border-radius: 1.3px;
}
#zoom__filterSliders input[type=range]::-ms-thumb {
  border: 1px solid #333;
  border-radius: 0;
  height: 18px;
  width: 8px;
  background: #eee;
  cursor: pointer;
  margin-top: 0;
}
#zoom__filterSliders input[type=range]:focus::-ms-fill-lower {
  background: #ccc;
}
#zoom__filterSliders input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}

#zoom__rotateClockwise,
#zoom__rotateCounterclockwise {
  cursor: pointer;
}

#zoom__filterReset {
  cursor: pointer;
}

/* zoom viewer */
.ol-scale-line {
  /* moved bg-color to -inner */
  background-color: rgba(0, 0, 0, 0)!important;
  /* make element larger for more mousemove area
  so we dont loose mousemove events on fast drags
  */
  border: 50px solid #0000 !important;
  cursor: move !important;
  margin-bottom: -50px;
  margin-left: -50px;
}
.ol-scale-line-inner {
  outline: 2px solid rgba(0, 0, 0, 0.5);
}
.ol-control button {
  cursor: pointer;
}
.ol-control button, .ol-zoomslider-thumb, .ol-scale-line-inner {
	background-color: rgba(0, 0, 0, 0.5)!important;
}
.ol-control button:hover {
	background-color: rgba(0, 0, 0, 0.5)!important;
}
button, *[type=submit] {
  cursor:pointer;
}

.ol-scale-line, #zoom__thumbToggler {
  border-radius: 2px 2px 0 0!important;
}


/* vl-pageview-controls : pageview.controls.modern */
.bd-portal-pageview .vl-pageview-controls {
  /*show after singlePageImage loaded*/
  display:none;
}
.vl-pageview-controls .toggled {
  max-width: 47vw;
}
.vl-pageview-controls * {
	color:white;
}
.vl-pageview-controls a {
	text-decoration:none !important;
}

.vl-pageview-controls .contents {
	display:flex;
	float:right;
}
.vl-pageview-controls .contents .vl-pbuttons {
	order:2;
	background-color: hsla(0, 0%, 23%, 0.85);
  user-select: none;
}
.bd-pages-pagetext .vl-pageview-controls .contents .vl-pbuttons {
	order: initial;
}
.vl-pageview-controls .contents .totoggle {
	order:1;
}

/* #mdContextinfo #zoom__filterSliders vl-webcachesizes */
.vl-pageview-controls .totoggle {
	display:none;
  background-color: hsla(0, 0%, 23%, 0.85);
}
#mdContextinfo, #vl-webcachesizes	{
	padding: 0 1rem 0.25em;

}
#mdContextinfo .header {
	background-color: hsla(0, 0%, 23%, 0.85);
	padding: 0 1rem;
	margin:0 -1rem;
}

.vl-pageview-controls .totoggle a:first-child {
	margin-left:0;
}

.vl-pageview-controls .totoggle a, .vl-pageview-controls span.mdata {
	display:inline-block;
	padding: 2px .5rem 1px;
	margin: 0 .4rem;
}
.vl-pageview-controls .totoggle a {
	background-color:hsla(0, 0%, 44%, 0.85);
	color:white;
}
.vl-pageview-controls .totoggle a:hover {
	background-color: hsla(0, 0%, 23%, 0.85);
}
/*.vl-pbuttons a:hover, .vl-btn.toggle.active {
	cursor:pointer;
}
.vl-pbuttons a:hover {
	background-color: hsla(0, 0%, 0%, 1);
}
.vl-btn.toggle.active {
	background-color: hsla(0, 45%, 40%, 0.85);
}
.vl-btn.toggle.active:hover {
	background-color: hsla(0, 65%, 30%, 0.95);
}*/
#mdContextinfo .title {
	font-size:1.2em
}
#mdContextinfo .row > * {
	display:inline-block;
}
.vl-pageview-controls .totoggle div.key {
	min-width:6.5em;
  padding-right:1.5em;
}
.vl-pageview-controls .totoggle div.key > span {
  display: inline-block;
  /* optional, eg. padding and lighter background-color: hsla(0, 0%, 83%, 0.35);*/
}
.vl-pageview-controls .totoggle .wr-license {
  text-align: right;
  display:block;
  margin-bottom: 1em;
}
.vl-pageview-controls .totoggle a.rsorg.lic-img, .vl-pageview-controls .totoggle a.rsorg.lic-img:hover {
	background-color: transparent;
  margin: 0;
  padding: 0;
}
.vl-pageview-controls .license-img.rsorg {
  padding: 4px;
  height: 1.75em;
  background-color: white;
}
.vl-pageview-controls .license-img.cc {
  padding: 4px;
  height: 31px;
}


/*.vl-btn.toggle.active {
	margin-top: -48px;
}*/
.vl-btn-height {
	line-height:48px;
}
.vl-pbuttons .vl-btn {
	display: inherit;
	width:46px;
	line-height:48px;
	text-align: center;
	color:white;
}
.toggleImageControls {
	display:none;
	cursor:pointer;
}
/*.vl-pageview-controls .perma.totoggle {
    display: block;
}*/

/*++++++++++++++++++++++++*/

.history.thumbsOnly {
	background-color: white;
}
.history.thumbsOnly ul {
	margin-top:0;
	padding-left:0;
}
.history.thumbsOnly ul > li {
	list-style-type: none;
}
.history.thumbsOnly .caption {
	padding:.2em .2em 1em;
}
.wr-toggleListNavigation {
  position:relative;
  float:right;
}
#titleinfo .vls-list.inv, .inventoryNav {
  border-top:2px solid #eee;
}
.inventoryNavPath {
  padding: 1em .5em .5em;
}
.inventoryNavPath .npNext:before {
  font-size: .825em;
  margin: 0 .3em 0 .6em;
}
#titleinfo .vls-list.inv {
  margin-left:.5em;
  padding-bottom: 1em;
}
#titleinfo .vls-list.inv li:nth-of-type(even) {
  background-color: #f4f4f4;
}

.chooseLanguage .sep:after {
  content: ' | '
}
@media (max-width: 700px) {
  .vl-pageview-controls .toggled {
    max-width: 100vw;
  }
}
@media (max-width: 424px) {
  body  {
    hyphens: auto;
  }
}
@media (max-width: 414px) {
  #zoom__filterSlidersContent > div:nth-of-type(3),
  #zoom__filterSlidersContent > div:nth-of-type(4),
  #zoom__filterSlidersContent > div:nth-of-type(5) {
    display: none;
  }
}
.right > .fulltextInfo {
}
.thumb.fulltextInfo + .info {
  display: none;
}
#progressBar {
  height:6px;
  background-color: #ccc;
}
#progressBar #progress {
  height:100%;
}
#progress {
   transition: width .5s;
   background-color: violet;
}

/* formerly styles.css */

#topmenu input, #searchTheBook input, #topmenu button, #searchTheBook button {
    font-size: .85em;
}
#topmenu {
  text-align:right;
  font-size: 1em;
	white-space:nowrap;
  padding-top: 6px;
	padding-right:.5em;
}

#topmenu a.textlink, .topmenu a.textlink {
	padding:.2em .5em;
}
#topmenu a.textlink:hover {
	text-decoration:underline;
}

/* * */

#searchTheBook .searchform {
  display: flex;
}
#searchTheBook #yourBookSearch, .searchTheBook .yourSearchScope {
	font-size:10px;
	color:#777;
}

/* * */

.chooseLanguage {
	border:0;
	float:none;
}
.chooseLanguage a {
	padding:0 2px;
	margin:.2em .25em;
	display:inline;
}
.chooseLanguage a.sel:hover {
  text-decoration: none;
}

input#quicksearch, input#quicksearchSubmit {
	font-family:Verdana;
}

/* * */

a.mail {
		background: url(/static/graphics/mail.gif) no-repeat right top;
		padding-right: 17px;
}
/* end formerly styles.css */

/* from server/static/css/fonticons.css */
/* start */
@font-face {
  font-family: 'fontello';
  src: url('/static/css/fonticons/fontello.eot?88076294');
  src: url('/static/css/fonticons/fontello.eot?88076294#iefix') format('embedded-opentype'),
    url('/static/css/fonticons/fontello.ttf?88076294') format('truetype'),
    url('/static/css/fonticons/fontello.svg?88076294#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

:root {
  --icon-fontFamily: 'fontello';

  --icon-3d-object: '\e833';
  --icon-arrow-left: '\e813';
  --icon-arrow-right: '\e814';
  --icon-book-open: '\e838';
  --icon-calendar: '\e836';
  --icon-chevron-big-down: '\e808';
  --icon-chevron-big-left: '\e809';
  --icon-chevron-big-right: '\e80a';
  --icon-chevron-big-up: '\e80b';
  --icon-chevron-up: '\e80c';
  --icon-chevron-down: '\e80d';
  --icon-chevron-left-end: '\e80f';
  --icon-chevron-left: '\e80e';
  --icon-chevron-right-end: '\e806';
  --icon-chevron-right: '\e810';
  --icon-close: '\e812';

  --icon-inline-autor: '\e418';
  --icon-inline-dnb: '\e419';
  --icon-inline-epub: '\e41a';
  --icon-inline-google: '\e41b';
  --icon-inline-mets: '\e41c';
  --icon-inline-orcid: '\e41d';
  --icon-inline-orcid-color: #A6CE39;
  --icon-inline-pdf: '\e41e';
  --icon-inline-subject: '\e41f';
  --icon-inline-wiki: '\e420';
  --icon-inline-ddc: '\e421';
  --icon-inline-gbv: '\e422';
  --icon-inline-html: '\e423';
  --icon-inline-iiif: '\e424';
  --icon-inline-zip: '\e425';
  --icon-inline-info: '\e426';
  --icon-inline-share: '\e427';
  --icon-inline-bib_search: '\e428';
  --icon-inline-urn: '\e429';
  --icon-inline-zdb: '\e42a';
  --icon-inline-geo: '\e42b';
  --icon-inline-download: '\e42c';
  --icon-inline-oai: '\e42d';
  --icon-inline-calendar: '\e42e';
  --icon-doc-text: '\e836';
  --icon-download-code: '\ea61';
  --icon-download-img: '\ea62';
  --icon-download-pdf: '\ea63';
  --icon-download-text: '\ea64';
  --icon-edit: '\ea65';
  --icon-ellipsis: '\e82e';
  --icon-filter: '\ea66';
  --icon-filter-filled: '\ea67';
  --icon-folder: '\e819';
  --icon-fullscreen-close: '\e81a';
  --icon-fullscreen-open: '\e81b';
  --icon-home: '\e81c';
  --icon-info: '\e81d';
  --icon-list-sort: '\e81f';
  --icon-list-structure: '\e820';
  --icon-list: '\e81e';
  --icon-login: '\e837';
  --icon-map: '\e821';
  --icon-menu: '\e822';
  --icon-minus: '\e815';
  --icon-moon: '\e801';
  --icon-page: '\e824';
  --icon-pen: '\e825';
  --icon-person: '\e826';
  --icon-place: '\e827';
  --icon-plus: '\e816';
  --icon-rss: '\e888';
  --icon-search-page: '\e82a';
  --icon-search: '\e828';
  --icon-share: '\e82b';
  --icon-sliders: '\e82c';
  --icon-subject: '\e82d';
  --icon-thumbslider: '\e82f';
  --icon-titles: '\e830';
  --icon-transcript: '\e831';
  --icon-undo: '\e832';

  --icon-play: '\e7f8';
  --icon-to-end: '\e7f9';
  --icon-to-start: '\e7fa';
  --icon-up-dir: '\e7fb';
  --icon-down-dir: '\e7fc';
  --icon-cw-arrows: '\e7ff';
  --icon-cw: '\e7fd';
  --icon-ccw: '\e7fe';
  --icon-cancel: '\e811';
  --icon-sun: '\e800';
  --icon-switch: '\e803';
  --icon-adjust: '\e802';
  --icon-video-alt: '\e804';
}


.vls-button, #navPort > .menuCtrl, .fa, .fa-icon, .vl-btn, .flex-direction-nav a, .icon-before:before {
  font-family: "fontello" !important;
  font-style: normal;
  font-weight: normal;
  speak: none;
  /* opacity: .8; */
}

.fa {
  display: inline-block;
}

.paginglink .start:after {
  content: var(--icon-to-start);
}

.paginglink .back:after {
  content: var(--icon-play);
  transform: scaleX(-1);
}

.paginglink .forw:after {
  content: var(--icon-play);
}

.paginglink .end:after {
  content: var(--icon-to-end);  /*icon-to-end*/
}

a.toggleModeText:after, a.toggleModeWiki:after {
	content: var(--icon-transcript);
}

a.toggleModePage:after, a.toggleModeImage:after {
	content: var(--icon-page);
}


a#dpage:after, a#dpage_s:after {
  content: var(--icon-doc-text);
}

a#pageview:after, a#pageview_s:after {
  content: var(--icon-book-open);
}

a#dpageshift:after {
  content: var(--icon-login);
  transform: scaleX(-1);
}

a#dpageshift.shaded:after {
  opacity: .25;
}


.icon-inline-autor:before { content: '\e418'; } /* '' */
.icon-inline-dnb:before { content: '\e419'; } /* '' */
.icon-inline-epub:before { content: '\e41a'; } /* '' */
.icon-inline-google:before { content: '\e41b'; } /* '' */
.icon-inline-mets:before { content: '\e41c'; } /* '' */
.icon-inline-orcid:before { content: '\e41d'; } /* '' */
.icon-inline-pdf:before { content: '\e41e'; } /* '' */
.icon-inline-subject:before { content: '\e41f'; } /* '' */
.icon-inline-wiki:before { content: '\e420'; } /* '' */
.icon-inline-ddc:before { content: '\e421'; } /* '' */
.icon-inline-gbv:before { content: '\e422'; } /* '' */
.icon-inline-html:before { content: '\e423'; } /* '' */
.icon-inline-iiif:before { content: '\e424'; } /* '' */
.icon-inline-zip:before { content: '\e425'; } /* '' */
.icon-inline-info:before { content: '\e426'; } /* '' */
.icon-inline-share:before { content: '\e427'; } /* '' */
.icon-inline-bib_search:before { content: '\e428'; } /* '' */
.icon-inline-urn:before { content: '\e429'; } /* '' */
.icon-inline-zdb:before { content: '\e42a'; } /* '' */
.icon-inline-geo:before { content: '\e42b'; } /* '' */
.icon-inline-download:before { content: '\e42c'; } /* '' */
.icon-inline-oai:before { content: '\e42d'; } /* '' */
.icon-inline-calendar:before { content: '\e42e'; } /* '' */
.icon-play:before { content: '\e7f8'; } /* '' */
.icon-to-end:before { content: '\e7f9'; } /* '' */
.icon-to-start:before { content: '\e7fa'; } /* '' */
.icon-up-dir:before { content: '\e7fb'; } /* '' */
.icon-down-dir:before { content: '\e7fc'; } /* '' */
.icon-cw:before { content: '\e7fd'; } /* '' */
.icon-ccw:before { content: '\e7fe'; } /* '' */
.icon-cw-arrows:before { content: '\e7ff'; } /* '' */
.icon-sun:before { content: '\e800'; } /* '' */
.icon-moon:before { content: '\e801'; } /* '' */
.icon-adjust:before { content: '\e802'; } /* '' */
.icon-switch:before { content: '\e803'; } /* '' */
.icon-video-alt:before { content: '\e804'; } /* '' */
.icon-chevron-right-end:before { content: '\e806'; } /* '' */
.icon-chevron-big-down:before { content: '\e808'; } /* '' */
.icon-chevron-big-left:before { content: '\e809'; } /* '' */
.icon-chevron-big-right:before { content: '\e80a'; } /* '' */
.icon-chevron-big-up:before { content: '\e80b'; } /* '' */
.icon-chevron-up:before { content: '\e80c'; } /* '' */
.icon-chevron-down:before { content: '\e80d'; } /* '' */
.icon-chevron-left:before { content: '\e80e'; } /* '' */
.icon-chevron-left-end:before { content: '\e80f'; } /* '' */
.icon-chevron-right:before { content: '\e810'; } /* '' */
.icon-cancel:before { content: '\e811'; } /* '' */
.icon-close:before { content: '\e812'; } /* '' */
.icon-arrow-left:before { content: '\e813'; } /* '' */
.icon-arrow-right:before { content: '\e814'; } /* '' */
.icon-minus:before { content: '\e815'; } /* '' */
.icon-plus:before { content: '\e816'; } /* '' */
.icon-folder:before { content: '\e819'; } /* '' */
.icon-fullscreen-close:before { content: '\e81a'; } /* '' */
.icon-fullscreen-open:before { content: '\e81b'; } /* '' */
.icon-home:before { content: '\e81c'; } /* '' */
.icon-info:before { content: '\e81d'; } /* '' */
.icon-list:before { content: '\e81e'; } /* '' */
.icon-list-sort:before { content: '\e81f'; } /* '' */
.icon-list-structure:before { content: '\e820'; } /* '' */
.icon-map:before { content: '\e821'; } /* '' */
.icon-menu:before { content: '\e822'; } /* '' */
.icon-page:before { content: '\e824'; } /* '' */
.icon-pen:before { content: '\e825'; } /* '' */
.icon-person:before { content: '\e826'; } /* '' */
.icon-place:before { content: '\e827'; } /* '' */
.icon-search:before { content: '\e828'; } /* '' */
.icon-search-page:before { content: '\e82a'; } /* '' */
.icon-share:before { content: '\e82b'; } /* '' */
.icon-sliders:before { content: '\e82c'; } /* '' */
.icon-subject:before { content: '\e82d'; } /* '' */
.icon-ellipsis:before { content: '\e82e'; } /* '' */
.icon-thumbslider:before { content: '\e82f'; } /* '' */
.icon-titles:before { content: '\e830'; } /* '' */
.icon-transcript:before { content: '\e831'; } /* '' */
.icon-undo:before { content: '\e832'; } /* '' */
.icon-3d-object:before { content: '\e833'; } /* '' */
.icon-calendar:before { content: '\e834'; } /* '' */
.icon-rss:before { content: '\e835'; } /* '' */
.icon-download-code:before { content: '\ea61'; } /* '' */
.icon-download-img:before { content: '\ea62'; } /* '' */
.icon-download-pdf:before { content: '\ea63'; } /* '' */
.icon-download-text:before { content: '\ea64'; } /* '' */
.icon-edit:before { content: '\ea65'; } /* '' */
.icon-filter:before { content: '\ea66'; } /* '' */
.icon-filter-filled:before { content: '\ea67'; } /* '' */

/* from server/static/css/widget.css */
:root {
	--widget-header-padding: var(--wiki-h1-padding, 24px);
	--widget-gap: var(--spacing-3, 24px);

	--widget-tiles-width: 100%;
	--widget-tiles-columns: 3;
	--widget-tiles-columns-tablet: 2;
	--widget-tiles-columns-mobile: 1;
	--widget-tiles-gap: var(--spacing-3, var(--tiles-spacing));
	--widget-tiles-grow: 0;
	--widget-tile-height: 300px;
	--widget-tile-borderRadius: 0px;
	--widget-tile-bgImg: none;
	--widget-tile-icon: none;
	--widget-tile-icon-height: 48px;
	--widget-tile-caption-color: var(--tile-caption-color, #333);
	--widget-tile-caption-bgColor: var(--tile-caption-btn-bgColor, #f0f0f0);
	--widget-tile-color: var(--widget-tile-caption-color);
	--widget-tile-spacing: var(--spacing-2, 12px);
	--widget-tile-bgColor: var(--tile-bgColor, #f4f4f4);

	--widget-tile-primary-bgColor: var(--button-bgColor, var(--widget-tile-bgColor));
	--widget-tile-primary-bgColor-hover: var(--button-bgColor-hover, var(--widget-tile-bgColor));
	--widget-tile-primary-color: var(--button-color, var(--widget-tile-bgColor));
	--widget-tile-secondary-bgColor: var(--button-secondary-bgColor, var(--widget-tile-bgColor));
	--widget-tile-secondary-bgColor-hover: var(--button-secondary-bgColor-hover);
	--widget-tile-secondary-color: var(--button-secondary-color, var(--widget-tile-bgColor));

	--widget-cards-width: inherit;
	--widget-card-height: auto;
	--widget-card-marginBottom: var(--spacing-3, 24px);
	--widget-card-border: 1px solid var(--border-color, #ddd);
	--widget-card-borderRadius: 0px;
	--widget-card-spacing: var(--spacing-3, 24px);
	--widget-card-bgColor: var(--surface-bgColor, #fff);
	--widget-card-img: none;
	--widget-card-img-width: 50%;
	--widget-card-img-position: center center;
	--widget-card-btn-padding: var(--spacing-1, 8px) var(--spacing-2, 12px);
	--widget-card-btn-bgColor: var(--button-bgColor);
	--widget-card-btn-bgColor-hover: var(--button-bgColor-hover);
	--widget-card-btn-color: var(--button-color);
	--widget-card-btn-color-hover: var(--button-color-hover);

	--widget-hero-height: 33vh;
	--widget-hero-bgImg: none;
	--widget-hero-bgImg-position: center;
	--widget-hero-bgImg-attachment: inherit;
	--widget-hero-padding: var(--spacing-3, 24px);
	--widget-hero-marginBottom: var(--spacing-3, 24px);

	--widget-textblock-padding: var(--spacing-3, 24px);
	--widget-textblock-width: auto;
	--widget-textblock-textAlign: left;
	--widget-textblock-top: inherit;
	--widget-textblock-bottom: inherit;
	--widget-textblock-left: inherit;
	--widget-textblock-right: inherit;
	--widget-textblock-filter-blur: inherit;
	--widget-textblock-bgColor: rgba(255, 255, 255, 0.8);

	--widget-columns-gap: var(--widget-gap);
	--widget-columns-count: 2;
	--widget-columns-count-tablet: 2;
	--widget-columns-count-mobile: 1;
	--widget-columns-marginBottom: var(--spacing-3, 24px);
	--widget-column-width: inherit;
}

/* all widgets */
@media all {

	/* style captions of widgets */
	[class^="widget-"][class$="s"] > h1 {
		padding-top: var(--widget-header-padding);
		padding-bottom: calc(var(--widget-header-padding) / 2);
	}

	.widget-cards, .widget-tiles, .widget-card.collection {
		margin: calc(var(--spacing-2, 12px) * 3) auto;
	}
}

/* Graphic Widget */
@media all {
	.widget-graphic {
		width: max-content;
		max-width: 100%;
		clip-path: border-box;
	}

	.widget-graphic > img {
		max-width: 100%;
	}

	.widget-graphic.framed {
		border: 6px solid;
	}

	.widget-graphic .captionLink > *,
	.widget-graphic .caption > * {
		margin-top: 0;
	}
}

/* Cards Widget */
@media all {
	.widget-cards {
		margin-left: auto;
		margin-right: auto;
		max-width: var(--widget-cards-width);
	}

	.widget-cards.flex {
		display: flex;
		gap: var(--widget-tiles-gap);
		flex-wrap: wrap;
	}

	.widget-cards.flex .widget-card {
		flex: 1;
		min-width: 250px;
		flex-direction: column-reverse;
	}

	/* Standalone Styling */
	.widget-cards.standalone .card-container {
		display: flex;
		flex-wrap: wrap;
		gap: var(--widget-gap);
	}

	.widget-cards.standalone .widget-card {
		flex: 1;
		flex-direction: column;
		max-height: inherit;
		min-width: 45%;
		max-width: 49%;
	}

	.widget-cards.standalone .widget-card .contentContainer {
		order: 2;
		flex: 1;
	}

	.widget-cards.standalone .widget-card .card-image {
		order: 1;
		flex: 1;
		min-height: 220px;
	}

	@media(max-width: 1024px) {
		.widget-cards {
			max-width: inherit;
			flex-direction: column-reverse;
		}

		.widget-cards.standalone .card-container {
			display: block;
			gap: inherit;
		}

		.widget-cards.standalone .widget-card {
			max-width: inherit;
		}

		.widget-cards.standalone .widget-card .card-image {
			min-height: 330px;
		}
	}
}

/* Card Widget */
@media all {
	.widget-card {
		background-color: var(--widget-card-bgColor);
		margin-bottom: var(--widget-card-marginBottom);
		height: var(--widget-card-height);
		border: var(--widget-card-border);
		border-radius: var(--widget-card-borderRadius);
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		min-height: 300px;
	}


	.widget-card .contentContainer {
		flex: 1 1 auto;
		padding: var(--widget-card-spacing);
	}

	.widget-card .card-content {
		margin-bottom: var(--widget-card-spacing);
	}

	.widget-card .card-action {
		display: flex;
		justify-content: flex-start;
		margin-top: var(--widget-card-spacing);
	}

	.widget-card .btn {
		background-color: var(--widget-card-btn-bgColor);
		color: var(--widget-card-btn-color);
		font-size: var(--widget-card-btn-font-size);
		padding: var(--widget-card-btn-padding);
	}

	.widget-card .btn:hover {
		background-color: var(--widget-card-btn-bgColor-hover);
		color: var(--widget-card-btn-color-hover);
	}

	.widget-card .card-image {
		background-color: var(--mdList-thumb-bgColor, lightgrey);
		background-image: var(--widget-card-img);
		background-position: var(--widget-card-img-position);
		flex: 0 0 var(--widget-card-img-width);
		background-size: cover;
	}

	.widget-card.imgLeft {
		flex-direction: row-reverse;
	}

	/* card as header in topic */
	.widget-card.collection .card-image-cnt {
		flex: 0 0 var(--widget-card-img-width);
		height: auto;
		display: flex;
		flex-direction: column;
	}

	.widget-card.collection img {
		width: 100%;
		height: auto;
	}

	.widget-card.collection .image-info {
		display: flex;
		flex: 1;
	}

	.widget-card.collection .image-info > span {
		flex: 1;
		height: 100%;
		padding: var(--spacing-3);
		font-size: .8em;
	}

	.widget-card.collection .image-info {
		display: flex;
	}

	.widget-card.collection .image-copyright {
		text-align: right;
	}

	/* Tablet */
	@media(max-width: 1024px) {
		.widget-card .card-image {
			flex: 1;
			min-height: 42vh;
		}

		.widget-card.imgLeft {
			flex-direction: column-reverse;
		}
	}

}

/* Tiles Widget */
@media all {
	.widget-tiles {
		display: block;
	}

	.widget-tiles .tiles-cnt {
		max-width: var(--widget-tiles-width);
		display: flex;
		justify-content: start;
		flex-wrap: wrap;
		gap: var(--widget-tiles-gap);
		margin: 0 auto;
	}

	.widget-tiles .tiles-cnt .tile {
		position: relative;
		flex: var(--widget-tiles-grow) 0 calc((100% / var(--widget-tiles-columns)) - var(--widget-tiles-gap) * (var(--widget-tiles-columns) - 1) / var(--widget-tiles-columns));
		background-color: var(--widget-tile-bgColor);
		background-repeat: no-repeat;
		display: flex;
		flex-direction: column;
		min-width: 0;
		background-position: center;
		background-size: cover;
		cursor: pointer;
		overflow: hidden;
		min-height: var(--widget-tile-height);
		border-radius: var(--widget-tile-borderRadius);
	}


	.tiles-cnt .tile:hover {
		opacity: 0.9;
	}

	/*Tile Background Img*/
	.tiles-cnt .tile .bgContainer {
		flex: 1;
		display: flex;
		align-items: center;
		background: var(--widget-tile-bgColor) center/cover no-repeat var(--widget-tile-bgImg);
	}

	.tiles-cnt .tile .bg {
		flex: 1;
		display: flex;
	}

	/* caption */
	.tiles-cnt .tile .caption {
		padding: var(--widget-tile-spacing);
		color: var(--widget-tile-caption-color);
		background-color: var(--tile-caption-btn-bgColor);
		display: inline-flex;
		align-items: center;
	}

	.tiles-cnt .tile .caption .arrow {
		background-color: var(--tile-caption-btn-bgColor);
		height: 2em;
		width: 2em;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		margin-right: var(--tiles-spacing);
	}

	.tiles-cnt .tile:hover .arrow {
		background-color: var(--tile-caption-btn-bgColor-active);
	}

	.tiles-cnt .tile .arrow::before {
		content: var(--icon-arrow-right);
		font-family: var(--icon-fontFamily);
		font-size: 1em;
		color: var(--tile-caption-color);
	}

	.tiles-cnt .tile:hover .arrow::before {
		color: var(--tile-caption-color-active);
	}

	/* position and alignment of caption*/
	/** Caption Center Aligned & Right Aligned **/
	.tiles-cnt.centerAlign .tile .caption,
	.tiles-cnt.rightAlign .tile .caption {
		justify-content: space-between;
	}

	.tiles-cnt.centerAlign .tile .caption .text {
		flex: 1;
		text-align: center;
		margin-left: -2em;
	}

	.tiles-cnt.centerAlign .tile .caption .arrow {
		margin: 0;
	}

	/** Caption Bottom **/
	.tiles-cnt.captionBottom .tile {
		flex-direction: column-reverse;
	}

	/** with Icon **/
	.tiles-cnt .tile.imgIcon .bg::after {
		flex: 1;
		content: '';
		background: transparent center/contain no-repeat var(--widget-tile-icon);
		height: var(--widget-tile-icon-height);
		width: var(--widget-tile-icon-height);
	}

	.tiles-cnt .tile.icon .bg::before {
		flex: 1;
		content: var(--widget-tile-icon);
		align-self: center;
		text-align: center;
		color: var(--widget-tile-color);
		font-family: var(--icon-fontFamily);
		font-size: var(--widget-tile-icon-height);
	}

	/* Type: Full */
	.tiles-cnt.full .tile {
		background-image: var(--widget-tile-bgImg);
	}

	.tiles-cnt.full .tile .bg {
		background-image: none;
		background-color: transparent;
	}

	.tiles-cnt.full .tile .bgContainer {
		background-image: none;
		background-color: transparent;
	}

	.tiles-cnt.full .tile .caption {
		color: var(--widget-tile-color);
		background-color: transparent;
	}

	.tiles-cnt.full .tile.bgImg .caption {
		text-shadow: 1px 1px 4px black;
	}


	.tiles-cnt.full .tile .caption .arrow {
		display: none;
	}

	/** Alignment **/
	.tiles-cnt.full.centerAlign .caption .text {
		margin: 0;
	}

	.tiles-cnt.full.rightAlign .caption {
		justify-content: flex-end;
	}


	/** with Icon **/
	.tiles-cnt.full .tile.icon .bgContainer,
	.tiles-cnt.full .tile.imgIcon .bgContainer {
		padding: 0 calc(var(--widget-tile-height) * .1) calc(var(--widget-tile-height) * .1);
	}

	.tiles-cnt.full.captionBottom .tile.icon .bgContainer,
	.tiles-cnt.full.captionBottom .tile.imgIcon .bgContainer {
		padding: calc(var(--widget-tile-height) * .1) calc(var(--widget-tile-height) * .1) 0;
	}


	/* Colors */
	/** primary **/
	.tiles-cnt.full.primary .tile {
		background-color: var(--widget-tile-primary-bgColor);
	}

	.tiles-cnt.full.primary .tile .caption {
		color: var(--widget-tile-primary-color);
	}

	.tiles-cnt.full.primary .tile.icon .bg::before {
		color: var(--widget-tile-primary-color);
	}

	.tiles-cnt.full.primary .tile:hover {
		background-color: var(--widget-tile-primary-bgColor-hover);
	}

	/** secondary **/
	.tiles-cnt.full.secondary .tile {
		background-color: var(--widget-tile-secondary-bgColor);
	}

	.tiles-cnt.full.secondary .tile .caption {
		color: var(--widget-tile-secondary-color);
	}

	.tiles-cnt.full.secondary .tile.icon .bg::before {
		color: var(--widget-tile-primary-color);
	}

	.tiles-cnt.full.secondary .tile:hover {
		background-color: var(--widget-tile-secondary-bgColor-hover);
	}


	/* Type: Short */
	.tiles-cnt.short .tile {
		min-height: inherit;
	}

	.tiles-cnt.short .bgContainer {
		display: none;
	}

	.tiles-cnt.short .caption {
		flex: 1;
		display: flex;
		align-items: center;
	}

	.tiles-cnt.short.centerAlign .caption {
		justify-content: center;
	}

	.tiles-cnt.short .tile.icon .arrow,
	.tiles-cnt.short .tile.imgIcon .arrow {
		display: none;
	}

	.tiles-cnt.short .tile.icon:hover .caption,
	.tiles-cnt.short .tile.imgIcon:hover .caption {
		color: var(--tile-caption-btn-bgColor-active);
	}

	.tiles-cnt.short .tile.imgIcon .caption::before {
		display: inline-block;
		background: transparent center/contain no-repeat var(--widget-tile-icon);
		height: 1.2rem;
		width: 1.2rem;
		margin-right: 12px;
	}

	.tiles-cnt.short .tile.icon .caption::before {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		content: var(--widget-tile-icon);
		font-family: var(--icon-fontFamily);
		font-size: 1.2rem;
		height: 2rem;
		width: 2rem;
		margin-right: 12px;
	}

	/* Tablet */
	@media(max-width: 1024px) {
		.widget-tiles .tiles-cnt {
			max-width: inherit;
		}

		.widget-tiles .tiles-cnt .tile {
			flex: var(--widget-tiles-grow) 0 calc((100% / var(--widget-tiles-columns-tablet)) - var(--widget-tiles-gap) * (var(--widget-tiles-columns-tablet) - 1) / var(--widget-tiles-columns-tablet));
		}
	}

	/* Mobile */
	@media(max-width: 619px) {
		.widget-tiles .tiles-cnt .tile {
			flex: var(--widget-tiles-grow) 0 calc((100% / var(--widget-tiles-columns-mobile)) - var(--widget-tiles-gap) * (var(--widget-tiles-columns-mobile) - 1) / var(--widget-tiles-columns-mobile));
		}
	}
}

/* Hero Widget */
@media all {
	.widget-hero {
		position: relative;
		min-height: var(--widget-hero-height);
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin-left: calc(-1* var(--inner-padding));
		margin-right: calc(-1* var(--inner-padding));
		margin-bottom: var(--widget-hero-marginBottom);
		padding: var(--widget-hero-padding);
		background-size: cover;
		background-attachment: var(--widget-hero-bgImg-attachment);
		background-image: var(--widget-hero-bgImg);
	}

	.widget-hero .widget-searchbox {
		flex-wrap: wrap;
		justify-content: end;
	}

	/* Mobile */
	@media only screen and (max-width: 619px) {
		.widget-hero .widget-textblock {
			width: 100%;
			min-width: 200px;
			--widget-hero-padding: var(--inner-padding, 24px);
		}

		.widget-hero .widget-textblock.absolute {
			position: relative;
			--widget-textblock-left: inherit;
			--widget-textblock-right: inherit;
		}

		.widget-hero .widget-textblock .widget-searchbox {
			gap: 0;
		}

		.widget-hero .widget-textblock .widget-searchbox .seeAll {
			flex: 0 0 100%;
		}
	}
}

/* Textblock Widget */
@media all {
	.widget-textblock {
		background: var(--widget-textblock-bgColor);
		padding: var(--widget-textblock-padding);
		width: var(--widget-textblock-width);
		backdrop-filter: var(--widget-textblock-filter-blur);
		text-align: var(--widget-textblock-textAlign);
	}

	.widget-textblock.absolute {
		position: absolute;
		top: var(--widget-textblock-top);
		bottom: var(--widget-textblock-bottom);
		left: var(--widget-textblock-left);
		right: var(--widget-textblock-right);
	}

}

/* Searchbox Widget */
@media all {
	.widget-searchbox {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.widget-searchbox .search {
		flex: 1;
		width: 100%;
	}

	.widget-searchbox .search form {
		display: flex;
		align-items: stretch;
		border: 1px solid var(--border-color);
	}

	.widget-searchbox .search form input {
		min-width: 0;
	}

	.widget-searchbox .search form button::before {
		flex: 1;
		content: var(--icon-search);
		font-family: var(--icon-fontFamily);
		font-size: 1.4em;
		color: var(--theme-color, #333)
	}

	.widget-searchbox .search form button:hover {
		background-color: var(--neutral-lightest);
	}

	.widget-searchbox .seeAll {
		flex: 0 0 auto;
		min-height: 46px;
		background-color: var(--seeAllBtn-bgColor);
	}

	.widget-searchbox .seeAll a {
		color: var(--seeAllBtn-color);
		padding: 0px var(--spacing-2) 0 var(--spacing-05);
		text-decoration: none;
		height: 46px;
		display: flex;
		align-items: center;
		margin-top: -1px;
	}

	.widget-searchbox .seeAll span {
		min-width: var(--spacing-05);
	}

	.widget-searchbox .seeAll:hover a {
		color: var(--seeAllBtn-color-hover);
		text-decoration: none;
	}

	.widget-searchbox .seeAll:hover {
		background-color: var(--seeAllBtn-bgColor-hover);
	}

	.widget-searchbox .seeAll > a:before {
		vertical-align: middle;
		content: var(--icon-titles);
		font-family: var(--icon-fontFamily);
		padding: 0 var(--spacing-2);
	}

}

/* Columns Widget */
.widget-columns {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--widget-columns-gap);
	margin-bottom: var(--widget-columns-marginBottom);
}


.widget-columns .widget-column {
	flex: 1 0 calc(calc(100% / var(--widget-columns-count)) - var(--widget-columns-gap));
}

.widget-columns.customWidth .widget-column {
	flex: 0 0 calc(var(--widget-column-width) - var(--widget-columns-gap));
}

.widget-columns.customWidth .widget-column:last-of-type {
	flex: 0 0 var(--widget-column-width);
}

.widget-columns .widget-tiles {
	margin: var(--spacing-2, 12px) 0;
}


/* Tablet */
@media(max-width: 1024px) {
	.widget-columns .widget-tiles {
		--widget-tiles-columns-tablet: 1;
	}
}

/* Mobile */
@media(max-width: 619px) {

	.widget-columns .widget-column,
	.widget-columns.customWidth .widget-column,
	.widget-columns.customWidth .widget-column:last-of-type {
		flex: 1 0 100%;
	}
}
/* from server/static/css/fonticons.wiki.css */
@font-face {
  font-family: 'fontello-wiki';
  src: url('/static/css/fonticons.wiki/fontello.eot?70299063');
  src: url('/static/css/fonticons.wiki/fontello.eot?70299063#iefix') format('embedded-opentype'),
       url('/static/css/fonticons.wiki/fontello.woff2?70299063') format('woff2'),
       url('/static/css/fonticons.wiki/fontello.woff?70299063') format('woff'),
       url('/static/css/fonticons.wiki/fontello.ttf?70299063') format('truetype'),
       url('/static/css/fonticons.wiki/fontello.svg?70299063#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/static/css/fonticons.wiki/fontello.svg?70299063#fontello') format('svg');
  }
}
*/

/*content/wiki|wikihist*/

.wikiEditor {
	width: 100%;
	margin: 0;
}

/* cf. fonticons.wiki.css .editor-caption, .editor-toolbar  */
.editwiki-bar {
	border-bottom: 1px solid #ddd;
	padding: .3em 0;
	display: flex;
}

.editwiki-bar#wikiOptions {
	display: flex;
}

.editor-toolbar {
	flex: 1 0 auto;
	z-index: 1;
}

.editor-caption {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	opacity: .35;
	font-weight: bold;
	padding: 0.5em 0;
	margin-left: .5em;
}

.checkpoint-dialog, .reopen-dialog {
	font-family: sans-serif;
	z-index: 10;
	background-color: #fefefe;
	border: 1px solid #bbb;
	padding: 1em;
	font-size: 14px;
	width: 18.8em;
	margin-top: -5em;
	margin-left: 5em;
}

.checkpoint-dialog textarea, .reopen-dialog textarea {
	width: 17em;
	height: 4em;
}

.checkpoint-dialog textarea {
	height: 4em;
}

.reopen-dialog textarea {
	height: 7em;
}

#moreEditActions {
    position:absolute;
    background-color:white;
    width:12em;
    display:none;
    border: 1px solid #eee;
    color: #888;
}
#moreEditActions div {
    padding:.3em .4em;
    border-bottom: 1px solid #eee;
    cursor:pointer;
    opacity:.6;
}
#moreEditActions span {
    font-size: .825em;
    font-family: sans-serif;
    display: inline-block;
    margin-bottom:-1px;
    margin-left: 1em;
}
#moreEditActions div:hover {
    opacity:.8;
}
.editor-caption, .editor-toolbar {
    display:inline-block;
}

.editor-icons {
    font-size: 16px;
    font-family: 'fontello-wiki';
    user-select: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
 }
.editor-toolbar {
    margin-right:1.5em;
    opacity:.85;
}
.editor-emblems.editor-icons {
    opacity:1;
}
.editor-ctrl.editor-icons {
    opacity:1;
}
.editor-icons:hover {
    opacity: 1;
}
.editor-icons.small {
    font-size: 12px;
}
.bd_pages .editor-ctrl {
    /*displayed when image loaded - see main.js*/
    display:none;
}
.editor-toolbar:after, .editor-toolbar:before {
    display: block;
    content: ' ';
    height: 1px;
}
.editor-toolbar span.separator {
    font-size: 1.3em;
    vertical-align: middle;
    display: inline-block;
    width: 0;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #fff;
    color: transparent;
    text-indent: -10px;
    margin: 0 6px;
}
.editor-toolbar span.separator.strong {
    border-left: 2px solid #d9d9d9;
}
.editor-icons a:before {
    line-height: 30px;
}
.editor-icons.small a:before {
    line-height: 22px;
}
/* .editor-ctrl has border, employed for single buttons and in transcript activity */
.editor-icons.editor-ctrl a {
    text-decoration: none !important;
    background-color: #fff;
    border: 1px solid #99a9a9;
    opacity:1;
    margin-left:.4em;
    color:#888;
}
.editor-icons.editor-ctrl:hover {
    opacity: 1;
}
 .editor-icons a {
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    color: hsl(210, 10%, 45%) !important;
    margin-right: .2em;
    width: 30px;
    height: 30px;
    margin: 0;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
	background-color: #fff;
}
.editor-icons.small a {
    width: 22px;
    height: 22px;
}
.editor-icons a.active, .editor-icons a:hover, .editor-icons a.selected {
    background: #fcfcfc;
    border-color: #95a5a6;
}
.editor-icons a.inactive:hover {
    background: transparent;
    border-color: transparent;
    cursor: default;
}
.editor-icons.editor-ctrl a.inactive:hover {
    border-color: #99a9a9;
}
.editor-icons.editor-ctrl a.inactive {
    opacity: .5;
}
.editor-icons a.icon-down-open-1 {
    width: 9px;
    background: #f2f2f2;
    border-color: #f0f0f0;
    border-radius: 1px;
    height: 30px;
    margin-right:.2em;
}
.editor-icons .icon-ok {
    color:#a00 !important;
}
.editor-icons a.icon-ok.inactive {
    color: #888 !important;
}
.editor-icons .icon-publish  {
    color:#080 !important;
}
.editor-icons .icon-published  {
    color:hsl(210, 10%, 45%) !important;
}
.editor-icons a.icon-reply  {
    color:#db9600 !important;
}
.editor-icons a.icon-publish.inactive {
    color: #888 !important;
}
.editor-icons a.color-skyblue, .editor-icons.color-skyblue {
    color:skyblue !important;
}
.editor-icons a.color-lightgreen, .editor-icons.color-lightgreen {
    color:#8cd98c !important;
}
.editor-icons a.color-green, .editor-icons.color-green {
    color:#080 !important;
}
.editor-icons a.icon-user.color-green {
    color:#00a800 !important;
}
.editor-icons a.color-red, .editor-icons.color-red {
    color:#800 !important;
}
.editor-icons a.icon-user.color-red {
    color:#a80000 !important;
}
.icon-file-image.wiki-snipletWiki {
    /*color: #a00;*/
}
.icon-reply.color-lightgreen {
    transform: scaleX(-1);
}
/*.editor-toolbar a.icon-single-curly { vertical-align: bottom; }
.icon-single-curly:before { font-size: 3em; font-family: serif; content: '\2019' } */

.editor-icons > .icon-asterisk:before {
  border-bottom: 2px solid hsl(210, 10%, 45%); border-radius: 10px;

} .editor-icons > .icon-asterisk-fn:before {
  border-top: 2px solid hsl(210, 10%, 45%); border-radius: 10px;
}


/* these have either no editor-icons class or carry it in the el itself */
.icon-search:before { content: '\e800'; }
.icon-minus:before { content: '\e807'; }
.icon-ok:before { content: '\e804'; }


.editor-icons > .icon-asterisk:before { content: '\2731'; } /* '✱' */
.editor-icons > .icon-asterisk-fn:before { content: '\2731'; } /* '✱' */
.editor-icons > .icon-picture:before { content: '\e801'; }
.editor-icons > .icon-floppy:before { content: '\e802'; }
.editor-icons > .icon-publish:before { content: '\e803'; }
.editor-icons > .icon-cancel:before { content: '\e805'; }
/*.icon-plus:before { content: '\e806'; } /* '' */
.editor-icons > .icon-home:before { content: '\e808'; } /* '' */
.editor-icons > .icon-link:before { content: '\e809'; } /* '' */
/*.icon-tag:before { content: '\e80a'; } /* ''
.icon-forward:before { content: '\e80b'; } /* ''
.icon-pencil:before { content: '\e80c'; } /* ''
.icon-doc:before { content: '\e80d'; } /* '' */
.editor-icons > .icon-cog:before { content: '\e80e'; } /* '' */
/*.icon-wrench:before { content: '\e80f'; } /* ''
.icon-login:before { content: '\e810'; } /* ''
.icon-logout:before { content: '\e811'; } /* ''
.icon-filter:before { content: '\f0b0'; } /* ''
.icon-resize-full:before { content: '\e812'; } /* ''
.icon-resize-small:before { content: '\e813'; } /* ''
.icon-resize-vertical:before { content: '\e814'; } /* ''
.icon-resize-horizontal:before { content: '\e815'; } /* ''
.icon-zoom-in:before { content: '\e816'; } /* ''
.icon-zoom-out:before { content: '\e817'; } /* '' */

.editor-icons > .icon-align-justify:before { content: '\e818'; } /* '' */
.editor-icons > .icon-eye:before { content: '\e819'; } /* '' */
.editor-icons > .icon-indent-right:before { content: '\e81a'; } /* '' */
.editor-icons > .icon-help-circled:before { content: '\e81b'; } /* '' */
.editor-icons > .icon-edit:before { content: '\e81c'; } /* '' */
.editor-icons > .icon-user:before { content: '\e81d'; } /* '' */
/*.icon-clock:before { content: '\e81e'; } /* ''
.icon-list-alt:before { content: '\e81f'; } /* '' */
.editor-icons > .icon-bold:before { content: '\e820'; } /* '' */
.editor-icons > .icon-italic:before { content: '\e821'; } /* '' */
.editor-icons > .icon-align-center:before { content: '\e822'; } /* '' */
.editor-icons > .icon-align-right:before { content: '\e823'; } /* '' */
/*.icon-down-open:before { content: '\e824'; } /* '' */
.editor-icons > .icon-down-open-1:before { content: '\e825'; } /* '' */
/*.icon-spin2:before { content: '\e831'; } /* ''*/
.editor-icons > .icon-trash-empty:before { content: '\e729'; } /* '' */

.icon-math:before { content: '\f01a'; } /* ''
.icon-move:before { content: '\f047'; } /* ''
.icon-resize-full-alt:before { content: '\f0b2'; } /* ''
.icon-menu:before { content: '\f0c9'; } /* '' */
.editor-icons > .icon-list-bullet:before { content: '\f0ca'; } /* '' */
.editor-icons > .icon-list-numbered:before { content: '\f0cb'; } /* '' */
.editor-icons > .icon-strike:before { content: '\f0cc'; } /* '' */
.editor-icons > .icon-underline:before { content: '\f0cd'; } /* '' */
/*.icon-table:before { content: '\f0ce'; } /* ''
.icon-columns:before { content: '\f0db'; } /* ''
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.editor-icons > .icon-quote-left:before { content: '\f10d'; } /* '' */
/*.icon-quote-right:before { content: '\f10e'; } /* ''*/
.icon-reply:before { content: '\f112'; } /* ''*/
.icon-code:before { content: '\f121'; } /* ''
.icon-info:before { content: '\f129'; } /* '' */
.editor-icons > .icon-superscript:before { content: '\f12b'; } /* '' */
.editor-icons > .icon-subscript:before { content: '\f12c'; } /* '' */
.editor-icons > .icon-level-down:before { content: '\f149'; } /* '' */
.editor-icons > .icon-file-image:before { content: '\f1c5'; } /* '' */
.editor-icons > .icon-history:before { content: '\f1da'; } /* '' */
.editor-icons > .icon-header:before { content: '\f1dc'; } /* '' */
.editor-icons > .icon-paragraph:before { content: '\f1dd'; } /* '' */
.editor-icons > .icon-user-times:before { content: '\f235'; } /* '' */

/* from dilibri/static/css/styles.css */
body {
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
}
body, td {
	font-size:14px;
	font-family:"Helvetica Neue", Arial, sans-serif;
	color:#333;
}
#topmenu, .searchglass:before {
  color: white;
}
h4.menuheader {
    font-weight: bold;
}
table#cont {
	border:0;
}
.miniTitleinfo .title, .nps-item .nps {
  font-size: 1.1em;
}
#topmenu input, #searchTheBook input, #topmenu button, #searchTheBook button {
  font-size: 1em;
}
.colmain {
	padding-left:13px;
	padding-right:20px;
}

#topContent {
	background: rgb(125,20,30) url(/domainimage/bgTop.gif) repeat-x;
}
#bgLogoLeft {
	width:284px;
}
#topContent {
	height:45px;
}
#topmenu {
	background: transparent;
	padding-top:12px;
}
#topmenu a {
	color:#ddd;
}
#topmenu a.rss:hover {
  text-decoration: none;
}
#topmenu a.rss img {
  vertical-align: middle;
  margin: 0 1em;
}
h1#projectname {
	font: 1.65em Trebuchet MS, Arial;
	color: #D2D2D2;  /*color:#47456D;*/
	padding-top:.35em;
	font-weight:normal;
	white-space:nowrap;
}

/* links */
a {
	color:#47456D;
}

.mainheader, .subheader, .menuheader,
.mainheader a,
.menuheader a,
.menubox a,
.item, .underlineditem, h1, h2,
.newfrom,
.npItem, table.sruForm legend {
	border:0;
	color:#7E1E29;
}
.mainheader .npItem {
	color:#7E1E29;
}
.sublink .npItem {
	color:#47456D;
}
.newfrom {
	font-size:13px;
	font-weight:bold;
	padding-left:0;
	border-bottom:1px solid #DDCCCC;
	width:70%;
	width:90%;
}
.colleft .menubox a.external {
	background: none;
}
#navPort a:hover, .menubox a:hover {
	text-decoration:underline;
}
#navPort select {
  font-size: 1.14em;
  border-radius: 2px;
  border-color: #bbb;
}
.transparency {
background-color:#7C141F;
}

.naviControlsOverview {
	float: left;
}

.viewCtrl_sel span {
	color: #fff;
}

.navPort {
	background: transparent url(/domainimage/bgNavPort.png) repeat-x;
}
#navPort {
	background: transparent;
	color: rgb(256,256,256);
	padding-left:7px;
  	padding-bottom:2px;
	clear:both;
	border-top: 1px solid rgb(85,85,85);
	border-bottom: none;
}
#navPort a {
	color: rgb(256,256,256);
	text-decoration: none;
}

#navPort a:hover{
	background-color:rgb(94 94 94);
}
#navPort #fullScr, #navPort #fullScr a {
	color:#000;
}
#navPort #fullScr a:hover {
	background-color:transparent;
	text-decoration:none;
}
.viewCtrl, .viewCtrl_sel {
	border-right: 1px solid #ccc;
	border-left:none;
}
.viewCtrl_sel {
	color: rgb(25,43,133);
	background: transparent url(/domainimage/bgNavPortSel.png) repeat-x;
}

.viewCtrl a, .viewCtrl_sel span {
	font-family:  "Helvetica Neue", Arial, sans-serif;
	padding: 3px 1.2em 2px 1.2em;
}
.naviControls, .resizeControls, .rotateControls {
  padding-top:0;
}
div.paginglink span {
  opacity: 1;
}
#navPort .paginglink .vls-button {
  background-color: rgb(120,120,120);
}
.colleft, .colright {
	background-color: rgb(251,251,251);
}
.colleft {
	border-right: 1px solid rgb(231,231,231);
}
#leftContent {
	width:176px;
}
#rightContent {
	width:220px;
}
.colright {
	border-left: 1px solid rgb(231,231,231);
	padding-left:10px;
	width:254px;
}
.menuheader {
	border:0;
	background: none;
	border-bottom: 1px solid rgb(125,20,30);
}
.mainheader {
	margin-bottom:0;
}
.menubox {
	border: none;
}
#listNavigation {
    width:220px;
}
#listNavigation .menuheader {
	margin: 0 3px;
	padding-top:1.2em;
	padding-left:2px;
}
#listNavigation .menubox {
	background-color:transparent;
	padding:3px 5px 8px;
	margin:0;
}
#naviBox, #facetData {
	border:1px solid #f8f8f8;
	background-color:#FBFBFB;
	margin-top:1px;
}
#fullFacetList .header {
	font-size:1em;
	font-weight:bold;
	margin:7px 0 4px;
}
#sortByDropdown {


}
#facetData div.menusection a.toggle-facetitems {
    display: block;
    background-color: #f6f6f6;
}
#facetData div.menusection a.toggle-facetitems:hover {
	text-decoration: none;
    background-color: #fff;
}
#facetData div.menusection a.expand-facetitems::before {
    content: "\2193 ";
}
#facetData div.menusection a.reduce-facetitems::before {
    content: "\2191\00a0";
}

.menubox a, .menubox div {
	clear:both;
	margin:0.5em 0 0.3em 0.5em;
	padding-right:0;
}
.colleft .menubox, .colleft .menuheader {
	margin-right:14px;
}
.mainheader, .underlineditem, h1, h2 {
	border:0;
	background:none;
	margin-bottom:10px;
	font-size:18px;
}
h2 {
	font-size:17px;
}
h1, h2 {
	margin-top:0;
	font-weight:normal;
	padding: 0.3em 0.4em 0.2em 2px;
}
.mainheader, .subheader, #searchResHeader, , #cloudResHeader {
	background-image:none;
	border-bottom:1px solid #7E1E29;
	font-weight:bold;
	padding:0.3em 0 0.2em 2px;
}
.subheader {
	font-size:14px;
	margin-top:1em;
}
.colmain div#yourQuerySubheader {
	padding-left:3px;
	font-size:11px;
}
#titleHeader {
	font-size:1em;
}
/*overview*/
img.img_sel {
}
.sruForm legend {
	font-size:16px;
	font-weight:normal;
	border: 0;
}
.sruForm fieldset th {
	 font-size:13px;
}
#submitSearch {
	font-size:14px;
}
ul#tabs li#searchMeta a.selected, ul#tabs li#searchFulltext a.selected {
	background: #F9F9F6; /*url(/static/graphics/bgMenuheader.png) repeat-x;*/
	border-bottom:1px solid #F7F8F9;
}
ul#tabs li a {
	background:#DEDAD1; /* url(/domainimage/bgMenuheaderUnsel.png) repeat-x;*/
	border-bottom:1px solid #fff;
	border-top:1px solid #F0F0EC;
	color:#555;
}
/*div#sbox {
	color:#333;
}
div#sbox a {
	color:#47456D;
}
div#sbox a:hover {
	background-color:transparent;
}*/
.tabgroup#qa .viewCtrl {
	background:#885555;
}

.chooseLanguage {
	float:none;
}
.chooseLanguage a {
	display:inline;
}
/*div#sbox .sboxHeader {
	background:transparent url(/domainimage/bgNavPort.png);
	font-weight:bold;
	font-size:1em;
	color:#fff;
	padding:.1em 0.7em;
}*/
table.sruForm fieldset.sub , table.sruForm legend.sub {
	margin:0;padding:0;border:0;
}
table.sruForm legend.sub {
	margin-bottom:.5em;
}

.leadingIco, .trailingIco {
	vertical-align:top;
}
table.titleInfo {
	margin-bottom:0;
}
.alphaIndexList .set a {
	background-color:#C3726C;
}
.alphaIndexList a.active {
	background-color:#9E3E49;
}
.alphaIndexList .noHits {
	background-color:#E3DAD0;
}
.rightControls {
	* margin-top:-3px;
}
.transparency {
	background-color:#7E1E29;
}
.listNavigation-margin {
    margin-right: 240px;
}

/* from dilibri.db.css */
/* vl-widget fix */
#defaultTop {
    display:block;
}

.domainBox a.last {
    font-weight: bold;
}

.widget.showcase > .item img {
    height: 200px;
}