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

server/static/css/styles.css L13
server/static/css/fonticons.css L2928
server/static/css/widget.css L3181
server/static/css/fonticons.wiki.css L3916
server/static/css/base23.css L4256
suub/static/css/styles.css L10176
suub.db.css L10277
==================================================*/

/* 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));

}
/* 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 {
  margin-right: .65em;
  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 */
}
.vls-list.cols > li > .miniTitleinfo {
  padding-left: 0;
  padding-right: 0;
}
/* 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, #map.zoompane {
    overflow: hidden;
    position: relative;
  }

  .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('/suubcasual/domainimage/svg/icon-thumbslider.svg') 50% 50% no-repeat;
  }
  #zoom__pagetextToggler > *:before {
    background: url('/suubcasual/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;
  }


  #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__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::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/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-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: center;
		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: 30vh;
		}

		.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 server/static/css/base23.css */
/* variables */
/*-- base */
/*-- fonts */
/* buttons & icons & links */
/*-- layout */
/*-- images */
/*-- date */
/*-- lists */
/*-- titleinfo */
/*-- home */

/* common */
/* layout */
/* wiki */
/* custom */
/* home */
/* button */
/* mobileTop */
/* mainheaderNaviBox */
/* headernav */
/* navport */
/* facet */
/* facetlist */

/* list */
/* structlist */
/* classification */

/* npslist */

/* mdlist */
/* paging */
/* hitstructure */

/* pagefrag */
/* titleinfo */
/* type_inventory */
/* titleInfoMetadataChildren */
/* structure */
/* pagestructure */
/* page */
/* pageview-controls */
/* zoom */
/* pagetext */
/* filtersliders */
/* zoomthumb */
/* blog */

/* date */
/* search */
/* frags */
/* footer */
/* layer */
/* flexslider */
/* headerNav */
/* wikiBlock */
/* misc */
/* forms */
/* auth */

/* debug */

/* mediaquery  */
@font-face {
  font-family: Font-Heading;
  src: url('/suubcasual/domainresource/static/css/font/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: Font-Bold;
  src: url('/suubcasual/domainresource/static/css/font/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: Font-Regular;
  src: url('/suubcasual/domainresource/static/css/font/OpenSans-Regular.ttf') format('truetype');
}

/* variables */
@media all {

  /* base */
  :root {
    /* this display-property is none in mandant's css */
    --root-only: inherit;
    /* this display-property is block in mandant's css */
    --mandant-only: none;

    /* dimensions */
    --inner-width: 1420px;
    --inner-padding: var(--spacing-3);
    --pane-width: calc(.75 * var(--inner-width));
    --sruForm-width: var(--pane-width);
    --navbar-height: 52px;
    --button-top-width: 64px;
    --button-top-height: 64px;

    /* Spacings */
    --spacing-05: 4px;
    --spacing-1: 8px;
    --spacing-2: 12px;
    --spacing-3: 24px;
    --spacing-4: 32px;

    /* Colors */
    --neutral-darkest: #494949;
    --neutral-darker: #6e6e6e;
    --neutral-dark: #a4a4a4;
    --neutral: #9a9a9a;
    --neutral-light: #e4e4e4;
    --neutral-lighter: #f0f0f0;
    --neutral-lightest: #f4f4f4;

    /* border */
    --border-color: var(--neutral-light);
    --border-width: 2px;

    /* theming */
    --theme-color: #464a82;
    --theme-color-light: #595d97;
    --theme-color-lighter: #e9eafa;
    --theme-color-lightest: #f5f5fd;
    --theme-color-alpha: #464a8244;
    --theme-color-contrast: white;

    --theme-secondary-color: var(--theme-color);
    --theme-secondary-color-light: var(--theme-color-light);
    --theme-secondary-color-lighter: var(--theme-color-lighter);
    --theme-secondary-color-lightest: var(--theme-color-lightest);
    --theme-secondary-color-alpha: var(--theme-color-alpha);
    --theme-secondary-color-contrast: var(--theme-color-contrast);

    /* surfaces */
    --html-bgColor: transparent;
    --surface-bgColor: white;
    --surface-secondary-bgColor: var(--neutral-lighter);
    --surface-secondary-bgColor-hover: var(--neutral-lightest);
    --zoompane-bgColor: var(--surface-secondary-bgColor);
  }

  /* fonts */
  :root {
    --body-font: Font-Regular, arial, sans-serif;
    --body-fontSize: 16px;
    --body-fontWeight: normal;
    /* --body-font-color: see styles.css */
    --body-font-bold: Font-Bold;

    --body-secondary-fontSize: .75rem;
    --body-secondary-color: #666;

    --heading-font: Font-Heading, arial, sans-serif;
    --heading-color: var(--body-font-color);
    --heading-fontSize: 1.4rem;
    --heading-fontWeight: normal;
    --heading-fontVariationSettings : initial;
    --heading-textTransform: uppercase;
    --heading-letterSpacing: initial;

    --heading2-font: Font-Regular, arial, sans-serif;
    --heading2-color: var(--body-font-color);
    --heading2-fontSize: 1.15rem;
    --heading2-fontWeight: normal;
    --heading2-textTransform: none;

    --heading3-fontSize: 1rem;
    --heading3-fontWeight: bold;

  }

  /* buttons & icons & links */
  :root {
    /* Buttons */
    --button-bgColor: var(--theme-color);
    --button-color: var(--theme-color-contrast);
    --button-bgColor-hover: var(--theme-color-light);
    --button-color-hover: var(--theme-color-contrast);

    --button-secondary-bgColor: var(--theme-secondary-color);
    --button-secondary-color: var(--theme-secondary-color-contrast);
    --button-secondary-bgColor-hover: var(--theme-secondary-color-light);
    --button-secondary-color-hover: var(--theme-secondary-color-contrast);

    --button-inverted-color: var(--theme-color);
    --button-inverted-bgColor: var(--surface-bgColor);
    --button-inverted-bgColor-hover: var(--theme-color-lightest);
    --button-inverted-bgColor-active: var(--theme-color-lighter);

    --button-secondary-inverted-color: var(--theme-secondary-color);
    --button-secondary-inverted-bgColor: var(--surface-bgColor);
    --button-secondary-inverted-bgColor-hover: var(--theme-secondary-color-lightest);
    --button-secondary-inverted-bgColor-active: var(--theme-secondary-color-lighter);

    /* Links */
    --link-color: var(--theme-secondary-color);
    --link-color-hover: inherit;
    --link-textDecoration: none;
    --link-textDecoration-hover: inherit;
    --link-borderBottom: none;

    /* SearchTerm */
    --searchterm-bgColor: var(--theme-secondary-color-lighter);
    --searchterm-color: var(--theme-secondary-color);
  }

  /* layout */
  :root {
    /* mobileTop */
    --mobileTop-bgColor: var(--surface-bgColor);
    --mobileTop-color: var(--theme-color);

    --hamburgerButton-color: var(--button-color);
    --hamburgerButton-bgColor: var(--button-bgColor);
    --hamburgerButton-bgColor-hover: var(--button-bgColor-hover);
    --hamburgerButton-icon-fontSize: var(--heading2-fontSize);

    /* customMenu - BurgerMenu
    --customMenu-backdrop-bgColor see styles.css
    --customMenu-backdrop-filter */
    --customMenu-bgColor: var(--surface-bgColor);
    --customMenu-color: var(--body-font-color);
    --customMenu-link-color: var(--body-font-color);


    /* mainheader */
    --titlesBar-bgColor: transparent; /* with noah style naviBox = headerNav */

    --mainheader-bgColor: var(--titlesBar-bgColor);
    --mainheader-borderBottom: 1px solid var(--border-color);
    --mainheader-bgColor-hover: var(--theme-secondary-color-light);
    --mainheader-link-color: var(--theme-secondary-color);
    --mainheader-color: inherit;
    --mainheader-fontSize: var(--heading2-fontSize);
    --mainheader-font: var(--heading2-font);
    --mainheader-fontWeight: var(--heading2-fontWeight);
    --mainheader-textTransform: none;
    --mainheader-minHeight: 64px;

    --tab-color: var(--mainheader-link-color);
    --tab-bgColor: var(--titlesBar-bgColor);
    --tab-bgColor-hover: var(--button-secondary-inverted-bgColor-hover);
    --tab-bgColor-active: var(--button-secondary-inverted-bgColor-active);
    --backtab-bgColor: var(--tab-bgColor);
    --backtab-bgColor-hover: var(--tab-bgColor-hover);

    --viewCtrl-tab-borderColor: var(--theme-secondary-color);
    --viewCtrl-tab-borderBottom: none;
    --viewCtrl-tab-indicator-display: none;

    /* Footer */
    --footer-bgColor: var(--neutral-darkest);
    --footer-color: var(--theme-color-contrast);
    --footer-link-color: var(--theme-color-contrast);
    --footer-borderColor: var(--neutral-darker);
    --footer-image-height: 72px;
  }

  /* images */
  :root {
    /* Logo */
    --logo-url: url('/suubcasual/domainimage/logo.svg');
    --logo-width: 160px;
    --logo-height: 48px;
    --logo-spacing: 0;

    /* home eg. tiles */
    --arrow-white: url('/suubcasual/domainimage/svg/icon-arrow-right.svg');
    --arrow-nav-start-hover: var(--arrow-white);
    --arrow-nav-start: url('/suubcasual/domainimage/svg/icon-arrow-right-b.svg');

    --logoStart-url: url('/suubcasual/domainimage/svg/icon-home-b.svg');
    --logoStart-width: 60px;
    --logoStart-height: 60px;

    /* misc special issues */
    --tabback-bgColor: var(--mainheader-bgColor);
    --tabback-caption-display: none;
    --topicViewWiki-bgColor: var(--mdList-thumb-bgColor-hover);
    --thumbImg-bgColor: var(--neutral-light); /* visible: noImageSupplied */

    /* questionable! .. properties from noah-skin */
    --center-top-border-width: 2px;
  }

  /* date */
  :root {
    --date-avail-bgColor: var(--theme-secondary-color);
    --date-avail-color: var(--theme-secondary-color-contrast);
    --date-avail-bgColor-hover: var(--theme-secondary-color-light);
    --date-color: var(--neutral);
    --date-heading-color: var(--body-secondary-color);
    --date-heading-bgColor: var(--neutral-lightest);
    --date-element-border: 1px solid var(--neutral-light);
    --date-datepicker-bgColor: transparent;
    --date-century-bgColor: transparent;
  }

  /* facet */
  :root {
    --facet-width: 340px;
    --facet-space: 2rem;
  }

  /* lists */
  :root {
    /* classification */
    --cls-fontSize: var(--body-fontSize);
    --cls-font-variation: initial;

    /* mdList */
    --mdList-paddingTop: var(--inner-padding);
    --mdList-paddingHorizontal: var(--inner-padding);
    --mdList-item-paddingHorizontal: var(--spacing-4);
    --mdList-item-paddingVertical: var(--spacing-2);
    --mdList-title-padding: var(--spacing-4);
    --mdList-title-font: var(--heading2-font);
    --mdList-title-fontSize: var(--heading2-fontSize);
    --mdList-title-fontWeight: var(--heading2-fontWeight);
    --mdList-thumb-bgColor: var( --surface-secondary-bgColor);
    --mdList-thumb-bgColor-hover: var(--neutral-lightest);
    --mdList-thumb-width: 192px;
    /* cf. cfg.metadataListThumbWidth */
    /* name place subject
    --npsList-item-font: var(--mdList-title-font);
    --npsList-item-fontSize: var(--heading-fontSize);
    --npsList-item-fontWeight: var(--mdList-title-fontWeight);
    */
    --npsList-item-color: var(--link-color);
    --npsList-mdrow-margin: 0;

    --sortselect-bgColor: var(--mdList-thumb-bgColor);

    --paging-height: 36px;
    --paging-margin-vertical: 0px;
    --paging-marginBottom: var(--paging-margin-vertical);
    --paging-marginTop: var(--paging-margin-vertical);
    --paging-button-width: 40px;
    --paging-button-bgColor: var(--button-bgColor);
    --paging-button-bgColor-hover: var(--button-bgColor-hover);
    --paging-button-bgColor-inactive: var(--theme-color-alpha);
    --paging-button-color: var(--button-color);
    --paging-button-color-hover: var(--button-color-hover);
    --paging-button-opacity-inactive: 0.5;
  }

  /* titleinfo */
  :root {
    --titleheader-bgColor: transparent;
    --titleinfo-padding: var(--inner-padding);
    --titleinfo-link-color: var(--link-color);
    --titleinfo-bgColor: var(--mdList-thumb-bgColor);
    --titleinfo-heading-font: var(--heading-font);
    --titleinfo-heading-fontSize: var(--heading-fontSize);
    --titleinfo-heading-color: var(--heading-color);
    --titleinfo-heading-fontVariationSettings: 'wght' 780;
    --titleinfo-heading-fontWeight: var(--heading-fontWeight);
    --titleinfo-heading-textTransform: none;

    --titleinfo-structure-font: var(--body-font).75em; 0.75rem;
    --titleinfo-structure-fontWeight: var(--body-fontWeight);
    --titleinfo-structure-fontVariationSettings: initial;
    --titleinfo-structure-color: var(--body-secondary-color);
    --titleinfo-structure-textTransform: uppercase;
    /* Page Viewer */
    --pageviewer-contents-color: white;
    --pageviewer-contents-bgColor: hsla(0, 0%, 23%, 0.85);
    --pageviewer-button-size: 40px;
    --pageviewer-button-bgColor: var(--button-secondary-inverted-bgColor);
    --pageviewer-button-color: var(--button-secondary-inverted-color);
    --pageviewer-button-color-active: var(--pageviewer-contents-color);
    --pageviewer-button-bgColor-hover: var(--button-secondary-inverted-bgColor-hover);
    --pageviewer-button-bgColor-active: var(--pageviewer-contents-bgColor);
    --pageviewer-toggleButton-bgColor: var(--button-secondary-bgColor);
    --pageviewer-toggleButton-bgColor-hover: var(--button-secondary-bgColor-hover);
    --pageviewer-toggleButton-color: var(--button-secondary-inverted-color);

    --thumbToggler-height: 44px;
}

  }

  /* home */
  :root {
    /*Hero Image*/
    --heroImg-url: url('/suubcasual/domainimage/hero.jpg');
    --heroImg-position: center;

    /* wiki */
    --wiki-h1-bgColor: transparent; /* var(--neutral-lightest) */
    --wiki-h1-color: var(--heading-color);
    --wiki-h1-borderColor: none; /* var(--border-color) */
    --wiki-h1-borderTop: 2px solid var(--wiki-h1-borderColor);
    --wiki-h1-padding: var(--spacing-3);
    --wiki-h1-fontFamily: var(--heading-font);
    --wiki-h1-fontSize: var(--heading-fontSize);
    --wiki-h1-fontVariationSettings: initial;
    --wiki-h1-textTransform: var(--heading-textTransform);

    /* "see all titles"-Button on startpane */
    --seeAllBtn-bgColor: var(--button-secondary-bgColor);
    --seeAllBtn-color: var(--button-secondary-color);
    --seeAllBtn-bgColor-hover: var(--button-secondary-bgColor-hover);
    --seeAllBtn-color-hover: var(--button-secondary-color-hover);
    --seeAllBtn-icon-url: url('/suubcasual/domainimage/svg/b.svg');

    /* tiles */
    --tiles-width: var(--pane-width);
    --tile-bgColor: var(--neutral-lightest);
    --tile-caption-font: var(--body-font-bold);
    --tile-caption-fontSize: var(--body-fontSize);
    --tile-caption-bgColor: var(--tile-bgColor);
    --tile-caption-color: var(--theme-secondary-color);
    --tile-caption-color-active: white;
    --tile-caption-btn-bgColor: var(--surface-secondary-bgColor);
    --tile-caption-btn-bgColor-active: var(--button-secondary-bgColor);
    --tile-bg-aspectRatio: 20% 30% 35%;
    --tile-icon-color: var(--theme-secondary-color);

    --tile-theses-img: url('/suubcasual/domainimage/tiles/theses.png');
    --tile-publications-img: url('/suubcasual/domainimage/tiles/publications.png');
    --tile-types-img: url('/suubcasual/domainimage/tiles/types.png');
    --tile-authors-img: url('/suubcasual/domainimage/tiles/authors.png');
    --tile-recent-img: url('/suubcasual/domainimage/tiles/recent.png');
    --tile-publish-img: url('/suubcasual/domainimage/tiles/publish.png');
    --tile-titles-img: url('/suubcasual/domainimage/tiles/titles.png');
    --tile-hw-authors-img: url('/suubcasual/domainimage/tiles/author.png');
    --tile-hw-students-img: url('/suubcasual/domainimage/tiles/student.png');
    --tile-hw-users-img: url('/suubcasual/domainimage/tiles/user.png');

    --tile-1-img: url('/suubcasual/domainimage/tiles/ka-1.png');
    --tile-2-img: url('/suubcasual/domainimage/tiles/ka-2.png');
    --tile-3-img: url('/suubcasual/domainimage/tiles/ka-3.png');
    --tile-4-img: url('/suubcasual/domainimage/tiles/ka-4.png');
    --tile-5-img: url('/suubcasual/domainimage/tiles/ka-5.png');
    --tile-6-img: url('/suubcasual/domainimage/tiles/ka-6.png');

    /* flexslider arrows */
    --slidernav-color: var(--button-secondary-color);
    --slidernav-bgColor: var(--button-secondary-bgColor);
    --slidernav-bgColor-hover: var(--button-secondary-bgColor-hover);
  }
  /* zoom 3d */
  :root {
  --sketchfab-control-height: 60px;
  }


button.hamburger {
  outline: 0;
}
.hamburger {
  font-size: 48px;
  position: relative;
  border: .2em solid var(--button-bgColor);
  cursor: pointer;
  background-color: var(--button-bgColor);
  width: 1em;
  height: 1em;
}
.hamburger > * {
  pointer-events: none;
  position: absolute;
  left: 0; right:0;
  height: .1em;
  background-color: white;
  transition: all 0.3s linear;
  top: .27em;
}
.hamburger:before, .hamburger>*:nth-child(1) {
  top: .025em;
}
.hamburger>*:nth-child(3) {
  top: .5em;
}
.hamburger.active > * {
  top: .25em;
}
.hamburger.active>*:nth-child(1) {
  transform: rotate(45deg);
}

.hamburger.active>*:nth-child(2) {
  opacity: 0;
}

.hamburger.active>*:nth-child(3) {
  transform: rotate(-45deg);
}
/* common */
@media all {
  /*main*/

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

  .menubox {
    border: 0;
  }

  .menubox a {
    display: block;
  }
  .hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    left: -20000px;
    overflow: hidden;
  }

  abbr {
    text-decoration: none;
  }

  main > .zeroresultMsg {
    padding: 52px 2em;
    margin-bottom: 0;
  }
  .icon-before:before {
    font-family: var(--icon-fontFamily);
    display: inline-block;
  }
  /*base*/

  input[type='text'] {
    background-color: white;
  }

  input::placeholder {
    font-family: var(--body-font-bold);
  }

  ::-webkit-input-placeholder {
    color: #00000066;
  }

  ::-ms-clear {
    display: none;
  }

  select {
    font-family: var(--heading-font), sans-serif;
  }

  button {
    background-color: transparent;
  }

  .transparency {
    background-color: var(--thumbImg-bgColor);
  }

  .noImageSupplied-transparency {
    background: var(--thumbImg-bgColor);
    background-size: 100%;
  }

  .vls-list > li > *.thumb img.transparency {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  svg.connectors path {
    fill: var(--titleinfo-link-color);
  }

  svg.connectors.orcid path {
    fill: #A6CE39;
  }

  .searchterm {
    color: var(--searchterm-color);
    background-color: var(--searchterm-bgColor);
  }

  .msgNoEntries {
    margin: 3em 5%;
  }

  .icon-share > span {
    font-size: var(--body-fontSize);
    font-family: var(--body-font);
    display: inline;
  }

  .tab-pages-changeContentSearch {
    display: none;
  }

  .vlsControl .button {
    font-family: var(--heading-font);
    border-radius: 0;
  }

  .orls-button, .nodrop {
    font-size: 1em;
    height: auto;
    padding-inline: 24px;
    border: 0;
    border-radius: 0;
  }

  .hero .search button:before {
    content: '';
    background-size: 120% !important;
  }

  /* right searchglasss */
  #mobileTop .searchbox.totoggle .button:before,
  .hero .search button:before {
    background: transparent;
    content: var(--icon-search);
    font-family: var(--icon-fontFamily);
    color: var(--mobileTop-color);
    flex: 1;
    font-size: var(--hamburgerButton-icon-fontSize);
  }

  /* right searchclose */
  #mobileTop .searchbox.totoggle .button.close:before {
    background: var(--button-inverted-bgColor-hover);
    content: var(--icon-close);
    font-family: var(--icon-fontFamily);
    color: var(--mobileTop-color);
    flex: 1;
    font-size: var(--body-fontSize);
  }

  #mobileTop .searchbox.totoggle button.searchglass.active:before {
    content: var(--icon-arrow-right);
  }
}

/*layout*/
@media all {

  html, body, #main {
    height: 100%;
    font-size: var(--body-fontSize);
  }

  body, td {
    font-family: var(--body-font);
    font-weight: var(--body-fontWeight);
    color: var(--body-font-color);
  }

  h1, h2, h3 {
    margin-bottom: 0.25em;
  }

  h1, #custom-menu-layer .menuheader {
    font-size: var(--heading-fontSize);
    font-family: var(--heading-font);
    font-weight: var(--heading-fontWeight);
    color: var(--heading-color);
    text-transform: var(--heading-textTransform);
    font-variation-settings: var(--heading-fontVariationSettings);
  }

  h2 {
    font-size: var(--heading2-fontSize);
    font-family: var(--heading2-font);
    font-weight: var(--heading2-fontWeight);
    color: var(--heading2-color);
    text-transform: var(--heading2-textTransform);
  }
  h3 {
    font-weight: var(--heading3-fontWeight);
    font-size: var(--heading3-fontSize);
  }
  a {
    color: var(--link-color);
    text-decoration: var(--link-textDecoration);
  }

  a:hover {
    text-decoration: var(--link-textDecoration-hover);
    color: var(--link-color-hover);
  }
  #main, #centerParts {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  #centerParts, #middleParts /*middleParts not expected with singleColumn-useLayout*/ {
    flex: 1;
  }

  #topParts, #centerParts, #bottomParts {
    background-color: var(--html-bgColor);
  }

  #topParts > header, #centerParts > main,
  #bottomParts > footer /*, #custom-menu-layer*/ {
    max-width: var(--inner-width);
    margin: 0 auto;
  }

  #centerParts > main {
    padding-left: var(--inner-padding);
    padding-right: var(--inner-padding);
  }

  .headerNav {
    order: -2;
  }
  .flush, .hero, .vls-list.md-list, .headerNav, .navPort, .classification-list,
  .structureTitleHeader, #searchUI,
  .bd-pages #centerParts > main > *:not(#zoom__thumbSlider) {
    margin-left: calc(-1 * var(--inner-padding));
    margin-right: calc(-1 * var(--inner-padding));
  }
  .bd-oaPeriodical .structureTitleHeader {
    /* did this for vkmw */
    margin-left: inherit;
    margin-right: inherit;
  }
  .classification-path {
    text-transform: none;
  }

  .bd-zoomFullscreen #main #centerParts > main > * {
    margin: 0;
  }
  #topParts > header, #centerParts > main {
    background-color: var(--surface-bgColor);
    width: 100%;
  }

  #centerParts > main {
    flex: 1;
    position: relative;
    /* border-top: 0px solid var(--theme-color); */
    /* border-top-width: var(--center-top-border-width); */
  }

  ul.vls-list > li > *.mdinfo, #topLogo,
  .customFooter .fright,
  .customFooter .top,
  .customFooter .bottom {
    display: var(--root-only);
  }

  .mandant-only, #mandant-footer {
    display: var(--mandant-only);
  }

  #topProject a {
    margin-left: 30px;
    width: var(--logoStart-width);
    height: var(--logoStart-height);
    background: var(--logoStart-url) center no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
  }
}

/* tiles */
@media all {
  /*base*/

  .tiles > a {
    font-family: var(--body-font-bold);
  }

  .tiles .cap {
    font-size: var(--tile-caption-fontSize);
    background-color: var(--tile-caption-bgColor);
    flex: 1;
  }

  .tiles .cap:after {
    content: var(--icon-arrow-right);
    position: absolute;
    top: 8px;
    left: 8px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--tile-caption-btn-bgColor);
    font-family: var(--icon-fontFamily);
    font-size: var(--body-secondary-fontSize);
    color: var(--tile-caption-color);
  }

  .tiles a.active .cap:after {
    color: var(--tile-caption-color-active);
    background-color: var(--tile-caption-btn-bgColor-active);
  }
}

/* wiki */
@media all {

  /*main*/
  .centerWiki article p {
    line-height: 1.5em;
  }

  .bd-document main > nav {
    padding: 0;
  }

  .bd-state .middleContent, .zeroresultMsg {
    padding: 0 16px;
  }

  .bd-state .vls-open-Layer:after {
    margin: 8px;
  }

  .zeroresultMsg {
    padding-top: 60px;
  }

  .wiki-center.wiki article a:hover {
    text-decoration: var(--link-textDecoration-hover);
    /* color: var(--theme-color); */
  }


  .wiki-center p a:hover {
    color: var(--theme-color);
  }

  .wiki strong {
    font-family: var(--body-font-bold);
  }

  .wiki > article h1, .bd-document h1.mainheader,
  .wiki > article h1:first-of-type {
    margin-top: 0;
    line-height: 115%;
  }

  .wiki article > h1 {
    background-color: var(--wiki-h1-bgColor);
    line-height: 115%;
    color: var(--wiki-h1-color);
    font-size: var(--wiki-h1-fontSize);
    border-top: var(--wiki-h1-borderTop);
    font-variation-settings: var(--wiki-h1-fontVariationSettings);
    padding: var(--wiki-h1-padding);
    margin: 0 calc(-1 * var(--inner-padding));
  }

  .wiki article > h1.logo img {
    max-width: 100%;
  }

  .wiki.topicViewWiki article > * {
    max-width: initial;
  }

  .topicViewWiki.align-miniTitleinfo {
    background: var(--topicViewWiki-bgColor);
    display: flex;
  }

  .topicViewWiki article {
    border-bottom: 1px solid var(--mdList-thumb-bgColor);
  }

  .topicViewWiki.align-miniTitleinfo article {
    flex: 1;
    background: var(--surface-bgColor);
    margin-left: var(--mdList-thumb-width);
  }

  .wiki.topicViewWiki article > h1 {
    border-top: 0;
    background-color: transparent;
  }

  .centerWiki article p,
  .centerWiki article ul {
    margin-top: var(--spacing-2);
  }

  .centerWiki article ul > li {
    margin-left: var(--spacing-2);
  }

  .flexslider ul, .flexslider li {
    margin-left: 0 !important;
  }

  .flexslider ul, ul.flex-direction-nav {
    margin-top: 0;
  }

  .flexslider li {
    margin-bottom: 0;
  }

  .flexslider a.thumb img {
    background-color: var(--thumbImg-bgColor);
  }
}

/* custom */

.tiles svg path {
  fill: var(--tile-icon-color);
}

.tiles a {
  font-family: var(--tile-caption-font);
  color: var(--tile-caption-color);
}

/* home */
@media all {

  /*base*/
  .our-collections {
    margin-top: 70px !important;
    margin-bottom: 44px !important;
  }

  .bd-portal-home main > .wiki {
    width: auto;
  }

  .bd-portal-home .wiki article {
    display: block;
  }

  .bd-portal-home .wiki article > * {
    flex: unset;
  }
  /* styles.css
  .tiles {
    max-width: var(--tiles-width);
  }*/
   .flush.tiles {
    max-width: initial;
  }
  .pane {
    margin: 0 auto;
    width: var(--pane-width);
  }
  /*not required @media (max-width: 660px) {
    .pane {
      width: 100%;
    }
  }*/
  .hero {
    /* max-width: 100%; */
    min-height: 25vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* margin: 0; */
    gap: var(--spacing-2);
    padding: var(--spacing-4) var(--spacing-2);
    background: var(--heroImg-url) no-repeat var(--heroImg-position) / cover;

  }
  .hero .navs > .see a {
    color: var(--seeAllBtn-color);
  }
  .hero .navs > .see:hover a {
    color: var(--seeAllBtn-color-hover);
    text-decoration: none;
  }

  .hero h1 {
    font-size: calc(var(--heading-fontSize) * 1.4);
    text-transform: none;
    margin: 0;
  }

  .hero .texts {
    display: flex;
    align-items: center;
  }
  .hero .texts .text {
    position: relative;
    margin-bottom: 20px;
  }
  .hero .texts > div {
    flex-basis: 510px;
    position: relative;
  }

  .hero .navs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  .hero .navs > * {
    margin-right: 0px;
    display: flex;
    align-items: center;
  }
  .hero .navs > .search {
    border: 1px solid #eee;
    flex: 1;
  }
  .hero .search form {
    flex: 1;
    display: flex;
    align-items: stretch;
  }
  .search input.ms-text {
    flex: 1;
    font-size: 1rem;
    border: 0;
    height: 46px;
    padding-left: var(--spacing-3);
  }
  .search input.ms-text:focus {
    outline: none;
  }
  .search button.ms-submit {
    display: flex;
    align-items: center;
    margin-left: 0;
    border: 0;
    padding: 0 var(--spacing-3);
    background-color: white;
  }
  .search button.ms-submit {
    cursor: pointer;
  }

  .search button:before {
    color: var(--body-secondary-color);
    font-size: .9rem;
  }
  .hero .navs > .see {
    flex: 0 0 auto;
    min-height: 46px;
    background-color: var(--seeAllBtn-bgColor);
  }
  .hero .navs > .see:hover {
    background-color: var(--seeAllBtn-bgColor-hover);
  }
  .hero .navs > .see a {
    padding: 0px var(--spacing-3) 0 var(--spacing-1);
    text-decoration: none;
    height: 46px;
    display: flex;
    align-items: center;
  }

  .hero .navs > .see a > span {
    min-width: var(--spacing-05);
  }

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

  .tiles .bg {
    padding: var(--tile-bg-aspectRatio);
  }

  .tiles.short .cap {
    flex-basis: 1;
  }

  .tiles.short .bg {
    display: none;
  }

  .tiles.short .cap.person::after {
    content: var(--icon-person);
    font-size: 110%;
  }
  .tiles.short .cap.date::after {
    content: var(--icon-calendar);
    font-size: 110%;
  }
  .tiles.short .cap.title::after {
    content: var(--icon-titles);
    font-size: 110%;
  }
  .tiles.short .cap.places::after {
    content: var(--icon-place);
    font-size: 110%;
  }
  .tiles.short .cap.subject::after {
    content: var(--icon-subject);
    font-size: 110%;
  }

  .tiles > a {
    color: var(--tile-caption-color);
    background-color: var(--tile-bgColor);
  }

  .classificationShowcase > a.tile-1 .bg {
    background-image: var(--tile-1-img);
  }

  .classificationShowcase > a.tile-2 .bg {
    background-image: var(--tile-2-img);
  }

  .classificationShowcase > a.tile-3 .bg {
    background-image: var(--tile-3-img);
  }

  .classificationShowcase > a.tile-4 .bg {
    background-image: var(--tile-4-img);
  }

  .classificationShowcase > a.tile-5 .bg {
    background-image: var(--tile-5-img);
  }

  .classificationShowcase > a.tile-6 .bg {
    background-image: var(--tile-6-img);
  }

  .tiles > a.theses .bg {
    background-image: var(--tile-theses-img);
  }

  .tiles > a.publications .bg {
    background-image: var(--tile-publications-img);
  }

  .tiles > a.authors .bg {
    background-image: var(--tile-authors-img);
  }

  .tiles > a.titles .bg {
    background-image: var(--tile-titles-img);
  }

  .tiles > a.recent .bg {
    background-image: var(--tile-recent-img);
  }

  .tiles > a.publish .bg {
    background-image: var(--tile-publish-img);
  }

  .tiles > a.types .bg {
    background-image: var(--tile-types-img);
  }

  .tiles > a.hw-authors .bg {
    background-image: var(--tile-hw-authors-img);
  }

  .tiles > a.hw-students .bg {
    background-image: var(--tile-hw-students-img);
  }

  .tiles > a.hw-users .bg {
    background-image: var(--tile-hw-users-img);
  }


  h1 a.libraries:hover {
    /*color: inherit!important;*/
    text-decoration: none !important;
  }
}

/* button */
@media all {
  .button {
    cursor: default;
  }

  .button:before {
    cursor: pointer;
  }

  .button a:hover {
    text-decoration: none;
  }

  #searchinfo > .close:before,
  #fdmhead:before, #fdmclear a:before,
  #resetSearchIcon {
    font-family: var(--icon-fontFamily);
    font-size: .85rem;
    font-weight: normal;
    padding-right: var(--spacing-2);
    display: inline-block;
    vertical-align: middle;
    display: flex;
    align-items: center;
  }

  #searchinfo > .close:before,
  #fdmhead:before,
  #resetSearchIcon {
    content: var(--icon-close);
    font-size: 1em;
  }
  #fdmclear a:before {
    content: var(--icon-undo);
    padding-left: var(--spacing-2);
  }
  #fdmclear > a {
    opacity: .4;
    cursor: default;
    display: flex;
  }
  #fdmclear > a[href] {
    cursor: pointer;
    opacity: 1;
  }
}

/* mobileTop */
@media all {

  /*main*/
  #defaultTop {
    display: none;
  }

  #mobileTop > .main {
    display: flex;
    align-items: center;
  }

  #mobileTop > .main > .topLiner {
    flex: 1;
  }

  #mobileTop .topLiner > .vlsControl {
    display: flex;
    justify-content: flex-end;
  }

  #topLogo a {
    background-size: contain;
    display: inline-block;
  }

  #mobileTop #topLogo a,
  #mobileTop #topLogo a:hover {
    text-decoration: none;
  }

  #mobileTop .searchbox form#mobilequickSearchform {
    margin-left: 0;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: end;
  }
  #custom-menu-layer #quickSearchform {
    margin-bottom: 1em;
  }

  #mqs-wrap {
    display: flex;
    flex: 1;
    max-width: 420px;
    align-self: stretch;
  }

  #mobileTop .searchbox input {

    border: 0;
    outline: none;
  }

  #mobileTop .searchbox input.quicksearch {
    flex-grow: 1;
  }

  #mobileTop .searchbox input.imageButton {
    font-size: 0;
    width: 30px;
    background: transparent url(/suubcasual/domainimage/search.svg) 3px 50% no-repeat;
    background-size: 65%;
  }

  .vl-mobile-top.togglers .button {
    user-select: none;
  }

  #mobileTop .vlsControl .button,
  #mobileTop .searchbox .button,
  #searchTheBook .vlsControl {
    padding: 0;
    font-size: 0;
    border: 0;
    border-radius: 0;
  }

  #mobileTop .button:before,
  #mobileTop .searchbox .button:before,
  #searchTheBook button:before {
    display: inline-block;
    content: '';
    background-repeat: no-repeat;
  }

  #mobileTop .button:before, #mobileTop .button,
  #mobileTop .searchbox .button:before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--button-top-width);
    height: var(--button-top-height);
    min-height: calc(var(--logo-height) + 2 * var(--logo-spacing));
  }

  /* info eg. */
  #mobileTop .button.info:before {
    content: var(--icon-info);
  }
  #mobileTop .button:before {
    font-family: var(--icon-fontFamily);
    color: var(--hamburgerButton-color);
    background: var(--hamburgerButton-bgColor);
  }
  /* hamburger */
  #mobileTop .button.contents:before {
    content: var(--icon-menu);
    font-family: var(--icon-fontFamily);
    flex: 1;
    font-size: var(--body-fontSize);
    color: var(--hamburgerButton-color);
    background: var(--hamburgerButton-bgColor);
  }

  #mobileTop .button:hover::before {
    background-color: var(--hamburgerButton-bgColor-hover);
  }

  /*base*/

  #mobileTop .topLiner .vlsControl {
    position: relative;
  }

  #mobileTop .topLiner > .vlsControl .button {
    position: inherit;
    z-index: 1;
  }

  #mobileTop .topLiner > .vlsControl {
    display: flex;
    justify-content: flex-end;
  }

  #mobileTop .transcriberBar {
    position: absolute;
    background: #f8f8f8;
    border: 1px solid #eee;
    border-radius: 0px 0px 6px 6px;
    border-top: 0;
    padding: .2em .5em;
    z-index: 1;

  }
  .sruFormFields input::placeholder {
    font-family: var(--body-font);
  }


  input {
    font-family: var(--body-font);
    font-size: 1em;
  }

  #topLogo a {
    background: var(--logo-url) center no-repeat;
    background-size: contain;
    height: var(--logo-height);
    width: var(--logo-width);
    margin: var(--logo-spacing) 0 var(--logo-spacing) var(--logo-spacing);
  }

  #mobileTop {
    padding: 0 !important;
    background-color: var(--mobileTop-bgColor);
  }

  #mobileTop .searchbox.totoggle {
    flex: 1;
    /*min-width: calc(100% - 255px);*/
  }

  #mobileTop #mqs-wrap .button.large::before {
    background-color: var(--button-inverted-bgColor-hover)
  }

  #mobileTop #mqs-wrap input[type='text'] {
    background: var(--button-inverted-bgColor-hover);
    padding: 0 1rem;
  }

  #mobileTop .glassindic {
    display: flex;
  }

  #mobileTop .searchbox.totoggle input {
    /*max-width: calc(100vw - 322px);*/
    color: var(--mobileTop-color);
    width: 100%;
    height: var(--button-top-height);
    min-height: calc(var(--logo-height) + 2 * var(--logo-spacing));
    font-size: 1em;
  }

  #mobileTop .glassindic,
  #mobileTop .searchbox.totoggle input {
    visibility: hidden;
    cursor: default;
  }

  .glassindic.button:before {
    cursor: default;
  }

  #mobileTop .main {
    padding: 0em 0 !important;
  }
}

/* mainheaderNaviBox */
@media all {
  /* .wr-mainheaderNaviBox #mainheaderNaviBox .mainnaviElement .mainnaviCaption */
  #mainheaderNaviBox {
    display: flex;
  }

}

/* headernav */
@media all {

  .headerNav {
    order: -2;
  }
  .titlesBar {
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
  }
  .titlesBar > .headertext {
    flex: 1;
    display: flex;
    align-items: center;
    margin-right: 0;
    font-size: var(--mainheader-fontSize);
    font-family: var(--mainheader-font);
    font-weight: var(--mainheader-fontWeight);
    text-transform: var(--mainheader-textTransform);
  }

  .naviBar, .first-level-nav {
    display: flex;
    align-items: stretch;
  }
  .naviBar > .sortindexSelect:has(.icon-sortList) {
    display: flex;
    align-items: center;
  }

  .sortindexSelect .icon-sortList {
    content: '';
    display: block;
    background: url('/suubcasual/domainimage/svg/icon-sortList-b.svg') 0 50%;
    width: 44px;
  }

  .sortindexSelect .drop2 {
    max-width: calc(-48px + calc(var(--mdList-thumb-width) + var(--mdList-paddingHorizontal)));
    flex: 1;
    align-self: stretch;
    padding-left: var(--spacing1);
    display: flex;
    align-items: stretch;
  }

  .sortindexSelect .drop2 > form {
    flex: 1;
    display: flex;
    align-items: stretch;
  }

  .naviBar > .sortindexSelect select.change {
    height: auto;
    border: 0;
    outline: none;
    padding: 0;
    padding-left: .5em;
    flex: 1;
  }

  #searchTheBook .input-wrapper {
    right: var(--button-top-width);
    align-items: center;
    height: var(--mainheader-minHeight);
    position: absolute;
    display: none;
    background-color: var(--button-inverted-bgColor-active);
    padding: 3px 0 3px 3px;
  }


  #navPort, .navPort, .titlesBar {
    min-height: var(--mainheader-minHeight);
    background-color: var(--mainheader-bgColor);
    border-bottom: var(--mainheader-borderBottom);
  }
  #navPort, .titlesBar > .headertext {
    color: var(--mainheader-color);
    padding-right: var(--spacing-1);
    padding-left: var(--inner-padding);
  }

  .titlesBar > .headertext .vls-open-Layer {
    background-color: var(--button-bgColor);
    color: var(--button-color);
    border: none;
    margin-top: -.2rem;
    padding: 0;
  }

  .titlesBar > .headertext .vls-open-Layer:after {
    margin: 0 var(--spacing-1) 0 var(--spacing-1);
    font-size: (--body-secondary-fontSize);
    color: var(--button-color);
  }
  #open-yearList-layer {
      display: inline-block;
      margin: 0 .5em;
}/* where ? */
  .bd-portal-search .mainheader.titlesBar > .filterTitles {
    display: none;
  }

  .bd-root.bd-portal-home .mainheader {
    display: none;
  }

  .titlesBar > .headertext,
  .classification h2.first-level {
    flex: 1;
  }

  .naviBar {
    /* font-family: Istok; */
    font-weight: bold;
    font-size: var(--body-fontSize);
    border-bottom: 1px solid #eee;
  }

  .selectedFacets {
    padding: 0 4px;
    cursor: pointer;
    min-width: var(--button-top-width);
    background-color: var(--button-bgColor-hover);
    color: var(--button-color);
    flex-basis: 48px;
    display: flex;
    align-items: center;
  }

  .titlesBar > .selectedFacets:hover {
    opacity: 0.95;
  }

  .titlesBar > .selectedFacets > * {
    margin: 1px auto 0 auto;
  }

  .rightCtrl {
    background-color: var(--button-bgColor);
    text-align: right;
    /**/
    cursor: pointer;
  }

  .rightCtrl:hover {
    background-color: var(--hamburgerButton-bgColor-hover);
  }
  .rightCtrl:has(.info):hover {
    background: var(--hamburgerButton-bgColor);
  }
  .rightCtrl .button {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    min-width: calc(2 * var(--button-top-width));
    padding: 0 var(--spacing-3) 0 var(--spacing-3);
  }

  .vlsControl.rightCtrl .button {
    font-family: var(--body-font-bold);
    font-size: var(--body-secondary-fontSize);
    color: var(--button-color);
    font-weight: bold;
  }
  .vlsControl.rightCtrl .button span {
    user-select: none;
  }
  .rightCtrl .button:before {
    vertical-align: middle;
    font-family: var(--icon-fontFamily);
    font-size: var(--body-fontSize);
    text-align: center;
    justify-content: space-evenly;
    padding-right: var(--spacing-2);
    /* width: var(--mainheader-minHeight); */
    /* height: var(--mainheader-minHeight); */
  }

  .rightCtrl.countRes, .rightCtrl.countRes:hover {
    order: 3;
    background-color: var(--button-bgColor-hover);
    border-left: 2px solid var(--surface-bgColor);
  } /* or separate all */
  .rightCtrl.filterTitles, .rightCtrl.loadAsRis, .rightCtrl.toggle-cls, .rightCtrl.countRes  {
    /*border-left: 2px solid var(--surface-bgColor)*/
  }
  .rightCtrl.loadAsRis {
    border-right: 2px solid var(--surface-bgColor);
  }
  .rightCtrl.loadAsRis .button {
    min-width:initial;
  }
  .rightCtrl.loadAsRis .button:before {
    padding-right: var(--spacing-2);
  }

  /*.filterTitles.toggled, .titlesBar > .selectedFacets.toggled {
    display: none;
  }*/

  .filterTitles .toggle:before {
    background-repeat: no-repeat;
    content: var(--icon-filter);
    font-weight: normal;
  }

  .list-view .button {
    text-align: center !important;
  }

  .headerNav .naviBar {
    background-color: var(--surface-secondary-bgColor);
    height: var(--navbar-height);
  }

  .naviBar > .filterAlpha {
    position: relative;
    flex: 1;
    padding-left: 0;
    margin: 0;
    z-index: 1;
    background-color: white;
  }

  .qsp-icon, .naviBar > .sortindexSelect {
    flex: 0 0 var(--mdList-thumb-width);
  }

  .naviBar > .sortindexSelect {
    padding: 0;
    /* important */
    background-color: var(--surface-secondary-bgColor);
    position: relative;
    color: white;
    margin-left: 0px;
  }


  .filterAlpha > ul {
    position: absolute;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .filterAlpha i.shift:before,
  .zoom__nav:before {
    cursor: pointer;
    width: 29px;
    height: 29px;
    line-height: 30px;
    display: inline-block;
    border: 0;
    background-color: var(--button-bgColor);
    /* border-radius: 30px; */
    color: var(--button-color);
    font-size: var(--body-secondary-fontSize);
    text-align: center;
  }

  .filterAlpha i.shift:hover::before {
    background-color: var(--button-bgColor-hover);
    color: var(--button-color-hover);
  }

  .filterAlpha li {
    margin: 3px;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
  }

  .filterAlpha li > * {
    padding: var(--spacing-1) var(--spacing-2);
    flex: 1;
    user-select: none;
  }

  .filterAlpha a {
    font-weight: bold;
  }

  .filterAlpha a.empty {
    color: var(--theme-secondary-color-alpha);
  }

  .filterAlpha li.active {
    border: 2px solid black;
  }

  .filterAlpha.fasOverlay i.disabled {
    display: none;
  }

  .filterAlpha.fasOverlay {
    display: flex;
    align-items: stretch;
  }

  .filterAlpha.fasPerma {
    display: flex;
    align-items: center;
  }

  .filterAlpha.fasPerma i.disabled {
    display: inherit;
  }

  .filterAlpha.fasPerma > ul#alphas {
    margin: 0 4em;
  }

  .filterAlpha.fasPerma > ul#alphas.sel-d100 {
    margin-left: 11em;
  }

  .filterAlpha.fasPerma i.shift.prev {
    position: relative;
  }

  .filterAlpha.fasPerma > .d100 > div {
    display: flex;
    align-items: stretch;
  }

  .filterAlpha.fasPerma > .d100 > div a {
    position: relative;
  }

  .filterAlpha {
    display: flex;
    align-items: stretch;
  }

  .filterAlpha > .d100 {
    width: 110px;
    background-color: var(--button-bgColor);
    display: flex;
    align-items: center;
  }

  .filterAlpha > .d100,
  .filterAlpha li.remove a {
    position: relative;
  }

  .filterAlpha li.active a,
  .filterAlpha li a.filled:hover {
    background-color: var(--button-bgColor);
    color: var(--button-color);
  }

  .filterAlpha li a.filled:hover {
    z-index: 1;
  }

  .filterAlpha li a.empty:hover {
    color: var(--theme-secondary-color-alpha);
  }

  .filterAlpha > .d100 a:hover {
    color: black;
  }

  .filterAlpha > ul.sel-d100 {
    left: 100px;
  }

  .filterAlpha ul > * {
    margin: 0 var(--spacing-2);
  }

  .filterAlpha li,
  .filterAlpha li.active {
    border-color: transparent;
  }

  .filterAlpha li.active:hover {
    color: #333;
  }

  .filterAlpha li.active a {
    color: white;
  }

  .filterAlpha i.next {
    right: 0;
  }

  .filterAlpha i.shift.actv {
    cursor: pointer;
  }

  .filterAlpha i.shift {
    position: absolute;
    margin: 0;
    padding: 0 var(--spacing-1);
    background-color: white;
    cursor: default;
    user-select: none;
  }

  .filterAlpha .d100 a {
    padding: 15px 12px;
    position: absolute;
    left: 0;
    top: 0;
  }

}

/* navport */
@media all {

  .viewCtrl > a,
  .viewCtrl_sel > * {
    display: block;
  }

  #navPort i.cap {
    font-style: normal;
  }

  #navPort .abbrTab {
    display: none;
  }

  #navPort {
    border: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0 0 0px;
    font-family: var(--body-font-bold);
    font-size: var(--body-fontSize);
    font-weight: var(--mainheader-fontWeight);
    text-transform: uppercase;
  }

  .viewCtrl, .viewCtrl_sel {
    position: relative;
    color: var(--tab-color);
    border: 0;
    margin: 0;
  }

  #navPort li {
    display: flex;
    align-items: stretch;
  }

  .viewCtrl a {
    color: var(--tab-color);
    background-color: var(--tab-bgColor);
  }
  .viewCtrl_sel {
    background: var(--viewCtrl-tab-borderColor);
  }
  .viewCtrl a, .viewCtrl_sel span {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    padding: 0 var(--spacing-3);
  }
  .viewCtrl a:hover {
    background-color: var(--tab-bgColor-hover);
  }

  .viewCtrl a::before, .viewCtrl_sel span::before {
    padding-right: var(--spacing-2);
    font-family: var(--icon-fontFamily);
    align-self: center;
    background-color: transparent;
    font-size: var(--body-fontSize);
  }

  .viewCtrl.tab-titleinfo a::before,
  .viewCtrl_sel.tab-titleinfo span::before {
    content: var(--icon-page);
  }

  .viewCtrl.tab-home a::before {
    content: var(--icon-home);
  }

  .viewCtrl.tab-structure a::before,
  .viewCtrl_sel.tab-structure span::before {
    content: var(--icon-list-structure);
  }

  .viewCtrl.tab-zoom a::before,
  .viewCtrl_sel.tab-zoom span::before,
  .viewCtrl.tab-pageview a::before,
  .viewCtrl_sel.tab-pageview span::before {
    content: var(--icon-page);
  }

  .viewCtrl.tab-date a::before,
  .viewCtrl_sel.tab-date span::before {
    content: var(--icon-calendar);
  }

  .viewCtrl.tab-subject a::before,
  .viewCtrl_sel.tab-subject span::before {
    content: var(--icon-subject);
  }

  .viewCtrl.tab-place a::before,
  .viewCtrl_sel.tab-place span::before {
    content: var(--icon-place);
  }

  .viewCtrl.tab-name a::before,
  .viewCtrl_sel.tab-name span::before {
    content: var(--icon-person);
  }

  .viewCtrl a:hover, .viewCtrl_sel span {
    background-color: var(--tab-bgColor-active);
  }

  .viewCtrl_sel span:after {
    content: '';
    display: var(--viewCtrl-tab-indicator-display);
    position: absolute;
    top: 100%;
    left: calc(50% - 8px);
    width: 0;
    height: 0;
    border-color: var(--theme-color) transparent transparent transparent;
    border-style: solid;
    border-width: 8px;
    z-index: 3;
  }

  .viewCtrl .lastNavUrl:before {
    content: var(--icon-chevron-left);
    padding: 0;
    font-size: var(--heading2-fontSize);
  }

  #navUrlTab {
    background-color: var(--backtab-bgColor);
    color: var(--button-color);
    order: -1; /*always first*/
  }
  #navUrlTab i {
    display: var(--tabback-caption-display);
  }

  #navUrlTab:hover {
    background-color: var(--backtab-bgColor-hover);
  }

  #tab-content-search {
    display: none;
  }
}

/* facet */
@media all {
  #listNavigation {
    width: var(--facet-width);
    margin-left: var(--facet-space));
    font-size: var(--body-secondary-fontSize);
  }
  .listNavigation-margin { /* cf., .md-list ; before, just positional */
    margin-right: calc(var(--facet-width) + var(--facet-space));
  }
  .bd-portal #listNavigation.layer {
    margin-left: 0;
    display: none;
    position: absolute;
    right: 0;
    z-index: 10;
  }

  #listNavigation.relatedItemListNavigation {
    display: other;
    position: initial;
    float: right;
  }
  .relatedItemListNavigation.layer .datepicker th.month {
    background-color: transparent;
  }

  #listNavigation * {
    color: var(--neutral-lightest);
  }

  #listNavigation,
  #searchinfo > .close {
    background-color: var(--neutral-darkest);
  }

  .listNavigation .menubox {
    padding: var(--spacing-05);
  }

  .listNavigation #searchList > div {
    margin-top: var(--spacing-2);
    display: flex;
  }

  .listNavigation form#searchList .textinput {
    width: 100%;
    color: var(--body-font-color);
    margin-right: 2px;
    border: none;
    padding: 8px 10px;
  }

  .listNavigation form#searchList .textinput:focus-visible {
    border: none;
  }

  .listNavigation form#searchList .submit {
    background: var(--button-bgColor) url(/suubcasual/domainimage/svg/icon-search.svg) 43% 50% no-repeat;
    border: none;
    color: #fff;
    cursor: pointer;
    padding: 12px 19px;
    transition: background-color 0.3s ease;
  }

  .listNavigation form#searchList .submit:hover {
    background-color: var(--button-bgColor-hover);
  }

  #listNavigation .searchterm {
    background-color: transparent;
  }

  .bd-portal #listNavigation,
  .bd-portal #listNavigation.relatedItemListNavigation {
    padding: 0 var(--spacing-2) var(--spacing-3);
  }


  #facetDataMainheader h4.menuheader {
    margin: 0 calc(-1 * var(--spacing-2));
    display: flex;
    /* justify-content: space-between; */
  }
  #fdmclear {
    order: -1;
    flex-basis: 100%;
    text-align: center;
  }
  #fdmclear, #fdmhead {
    padding: 0 var(--spacing-3);
    letter-spacing: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #facetDataMainheader h4.menuheader,
  #searchinfo > .close {
    font-size: var(--body-secondary-fontSize);
    font-weight: bold;
  }

  #facetDataMainheader h4.menuheader div {
    text-transform: none;
    min-height: var(--mainheader-minHeight);
    cursor: pointer;
    user-select: none;
  }

  #facetDataMainheader h4.menuheader div:hover {
    background-color: var(--neutral-darker);
  }

  #listNavigation .menuheader {
    font-size: var(--body-secondary-fontSize);
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: bold;
  }

  #listNavigation #facetDataMainheader .menuheader {
    letter-spacing: 0;
  }

  .listNavigation .menuheader {
    margin: var(--spacing-3) var(--spacing-1) var(--spacing-05) var(--spacing-05);
  }

  .listNavigation .menubox .itemCount {
    margin-left: var(--spacing-3);
    order: 3;
  }

  #facetData .menubox a {
    margin: var(--spacing-1) 0px ;
    display: flex;
  }

  #facetData .menubox a.sel {
    font-weight: normal;
  }

  #facetData a .itemCount {
    font-family: var(--body-font-bold);
    color: white;
  }

  #facetData a.sel .itemCount:after {
    content: none;
  }

  #facetData .item {
    flex: 1;
  }
  #facetData .menubox .checker {
    border: 2px solid white;
    display: inline-block;
    width: var(--body-secondary-fontSize);
    height: var(--body-secondary-fontSize);
    line-height: calc(var(--body-secondary-fontSize) - 2px);
    margin: 0.175em var(--spacing-1) 0.1em var(--spacing-1);
    content: none;
    position: relative;
    background-color: transparent;
    transition: background-color 600ms;
  }

  #facetData .menubox .checker.active {
    border-color: transparent;
    background-color: var(--theme-color);
  }

  #facetData .menubox .checker.active:after {
    content: '';
    height: 5px;
    width: 9px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    transform: rotate(-45deg);
    position: absolute;
    left: 1px;
    top: 2px;
  }

  #facetData a.toggled-facetitems {
    display: none;
  }

  #facetData a.toggle-facetitems {
    cursor: pointer;
    font-family: Font-Bold;
    display: block;
    margin-left: 9px;
    font-size: var(--body-secondary-fontSize);
    margin-top: 4px;
  }

  #facetData a.toggle-facetitems:hover,
  .viewCtrl a:hover {
    text-decoration: none;
  }

  #facetData a.toggle-facetitems:before {
    margin-right: 12px;
  }

  #facetData a.expand-facetitems:before {
    content: '+';
  }

  #facetData a.reduce-facetitems:before {
    content: '-';
  }
}

/* facetlist */
@media all {
  #fullFacetList a {
    padding-right: 2em;
  }

  #fullFacetList {
    margin: 0;
    padding: 2em !important;
  }

  #fullFacetList .checker {
    display: none;
  }
}

/* list */
@media all {
  .hitstructure ul.toToggle{
    border-radius: 0;
  }
  /* .vls-list : merely client resets, li is flex */
  .hitstructure.toggle,
  .vls-list {
    padding: 0;
  }

  .vls-list, .struct-list, .no-list, .hitstructure {
    margin-top: 0;
    margin-bottom: 0;
  }

  .vls-list,
  .struct-list,
  .no-list {
    list-style-type: none;
  }

  .vls-list > li {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    padding: 0;
    margin-top: 0;
    margin-bottom: var(--spacing-2);
  }
  .vls-list.cols > li {
  }
  .vls-list > li.odd {
    background-color: transparent;
  }

  /*.vls-list.nps-list > li:first-child {
    margin-top: var(--mdList-paddingTop);
  }*/

  ul.nav,
  ul.nav-inline {
    margin: 0;
    padding-left: 0;
    list-style: none;
  }

  .nav li {
    margin: 0;
  }

  .nav-inline li {
    display: inline-block;
  }

  .vls-list#pageFragments > li:last-of-type {
    padding-bottom: 3em;
  }

  /*base*/

  .vls-list div.newfrom {
    font-family: var(--body-font-bold);
    font-size: var(--body-fontSize);
    color: #333;
  }


  #releaseHistory ul.vls-list {
    min-height: inherit;
  }

  .vls-list.topmargin {
    margin-top: 10px;
  }
}


/* structlist */


@media all {
  /*struct-list is employed both with class1ification-child-lists and with book-content-structure-lists */


  #ul-structure {
    padding-top: var(--inner-padding);
  }
  .struct-list {
    padding-bottom: 1em;
    font-size: var(--body-fontSize);
  }
  .struct-list ul {
    padding-left: var(--inner-padding) /* or 24 px */;
  }

  .struct-list li {
    margin: 0 0 2px;
    list-style-type: none;
  }

  .struct-list li > :is(a, span) {
    display: block;
  }

  .struct-list li > a, .struct-list li > span.structure {
    margin-left: 0;
  }
  .struct-list > li > a {
    display: block;
    margin: 0;
    padding: var(--spacing-2) var(--spacing-2) var(--spacing-2) 0;
  }
  .struct-list.structure .scap {
    display: flex;
  }
  .struct-list.structure .paginationcaption {
    order: 3;
    margin-left: auto;
  }
  .struct-list .caption {
    flex: 1;
  }
  .struct-list.structure > li > *, .titleLinks > a > * {
    padding: .3em;
  }
  .struct-list.structure > li > *:not(.resourceLink):before {
    content: var(--icon-page);
    padding: .15em var(--spacing-2);
    font-family: var(--icon-fontFamily);
  }
  .struct-list.structure > li > *.selected:not(.resourceLink):before {
    color: var(--theme-color);
  }

  /* .struct-list > li a:hover {
    color: var(--theme-color);
  } */

  .struct-list .resourceLink,
  .paginationcaption {
    margin-left: var(--spacing-1);
    float: right;
  }

  .struct-list li .transparency.list {
    display: none;
  }


  .struct-list li.selected {
    border-color: var(--theme-color);
    color: var(--theme-color);
  }

  .struct-list li > * {
    margin-left: 0;
  }

  .struct-list li > .resourceLink,
  .paginationcaption {
    padding-left: var(--spacing-2);
  }

  .struct-list li.structlist-even {
    background: none;
  }

  #classificationChildList {
    background-color: var(--surface-bgColor);
    font-family: var(--body-font);
    font-size: var(--body-fontSize);
    text-align: left;
    padding-left: 0;
  }

  #classificationChildList li {
    list-style-type: none;
    margin: 0;
  }

  #classificationChildList li > a {
    background-image: url('/suubcasual/domainimage/svg/b.svg');
    background-repeat: no-repeat;
    margin: 0;
    display: block;
    padding: var(--spacing-2) 0 var(--spacing-2) 48px;
  }
  #titleInfoClassification a, #classificationChildList li > a {
    font-size: var(--cls-fontSize);
    font-variation-settings: var(--cls-font-variation);
  }

  #classificationChildList a:hover {
    background-color: var(--surface-secondary-bgColor-hover);
  }

}

/* classification */
@media all {

  .breadcrumbNext {
    display: none;
  }
  /* most of these define the ddc-classification-noah style */

  .classification h2.first-level {
    margin: 0;
    background-color: white;
    font-size: 20px;
    color: #3a3d3f;
  }

  #toggle-cls {
    position: relative;
    display: none;
    order: -1;
  }

  #toggle-cls ul {
    margin-top: 0;
    padding-left: 0;
    background-color: var(--surface-bgColor);
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    left: 0;
    font-family: var(--body-font);
    font-size: var(--body-fontSize);
    text-align: left;
    border-bottom: 3px solid var(--surface-secondary-bgColor);
  }

  #toggle-cls li {
    list-style-type: none;
    margin: 0;
  }

  #toggle-cls li:first-of-type {
    margin-top: 0;
  }


  #toggle-cls li > a,
  #fullFacetList a {
    background-image: url('/suubcasual/domainimage/svg/b.svg');
    background-repeat: no-repeat;
    margin: 0;
    display: block;
    color: var(--body-font-color);
    padding: 14px 0 12.8px 48px;
  }

  #fullFacetList a {
    padding: 14px 24px 12.8px 48px;
  }

  #toggle-cls a.ancestor {
    background-color: var(--surface-bgColor);
  }

  #toggle-cls a {
    background-position: 0px 2px;
  }

  #toggle-cls a.p-1 {
    background-position: 8px 2px;
    padding-left: 56px;
  }

  #toggle-cls a.p-2 {
    background-position: 16px 2px;
    padding-left: 64px;
  }

  #toggle-cls a.p-3 {
    background-position: 24px 2px;
    padding-left: 72px;
  }

  #toggle-cls a.p-4 {
    background-position: 32px 2px;
    padding-left: 80px;
  }

  #toggle-cls a.p-5 {
    background-position: 40px 2px;
    padding-left: 88px;
  }

  #toggle-cls a:hover,
  #fullFacetList a:hover {
    background-color: var(--surface-secondary-bgColor-hover);
  }

  #toggle-cls a.active {
    color: var(--button-bgColor);
    background-repeat: no-repeat;
  }

  #toggle-cls a.set {
    background-image: url('/suubcasual/domainimage/svg/w.svg');
    background-color: var(--button-bgColor);
    background-repeat: no-repeat;
    color: var(--button-color);
  }

  #toggle-cls a.active:after {
    position: absolute;
    right: 0;
    margin-top: -14px;
    vertical-align: middle;
    content: '';
    background-color: var(--button-bgColor);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: var(--arrow-white);
    display: inline-block;
    width: 54px;
    height: 46px;
  }
  .addClassificationNavPath {
    padding: 4px 24px;
  }
}


/* npslist */
/* name place subject */
@media all {

  .nps-item {
    /*font-family: var(--npsList-item-font);
    font-size: var(--npsList-item-fontSize);
    font-weight: var(--npsList-item-fontWeight);
    */
    color: var(--npsList-item-color);
    flex: 1;
  }

  .morepages {
    display: flex;
    cursor: pointer;
    color: #444;
    font-weight: normal;
    text-transform: none;
    font-size: 0.95em;
    letter-spacing: 0px;
    margin: 0.5em;
  }

  .morepages:before {
    display: inline-flex;
    justify-content: center;
    width: 1em;
    margin-right: var(--spacing-2);
    padding: 2px 9px;
    text-align: center;
    font-family: var(--icon-fontFamily);
    font-size: 1em;
    content: var(--icon-chevron-up);
    color: var(--body-secondary-color);
  }

  .fragtoggler:before {
    content: var(--icon-close);
    transition: all 300ms;
    font-size: 0.8em;
  }

  .fragtoggler.open:before {
    transform: rotate(45deg);
  }

  .showaller:before {
    content: var(--icon-chevron-left);
    transform: rotate(180deg);
  }

  .nps-desc, .qsp-desc {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .qsp-desc.cols {
    gap: var(--spacing-2);
    flex-direction: row;
  }
  .npsrow {
    flex-basis: 100%;
  }

  .qsp-icon {
    display: flex;

  }

  .qsp-icon > * {
    border: 2px solid #eee;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .nps-list > li {
    margin: var(--spacing-4) 0;
  }

  .npsrow > .qsp-desc > .nps-item {
    /* list : item followed by metadata-rows */
  }
  .qs-preview > .qsp-desc {
    /* quicksearch preview with the columns symbol and item*/
  }
  *.qsp-desc .mdrow-thumb {
    background-color: var(--mdList-thumb-bgColor);
    padding: var(--spacing-3)
  }

  .gndoQuickSearch {
    margin-top: 1em;
  }
  .gndoQuickSearch .subheader {
    margin-block: .5em;
    font-size: var(--heading2-fontSize);
  }
  .gndoQuickSearch .subheader .custom-indicator {
    display: none;
  }
  .qsp-more {
    font-weight: bold;
    align-self: stretch;
    flex-basis: 25%;
    display: flex;
  }
  .qsp-more > * {
    display: flex;
    align-items: center;
  }
  .qsp-more a {
    flex: 1;
  }
  .qsp-more .icon-before:before {
    margin-right: 1em;
    font-size: 1.25em;
    color: var(--theme-color);
  }
  .nps-item {
    margin-left: 0;
  }

  .nps-item h3, .qsp-more > * {
    margin-block: var(--spacing-1);
  }

  .addrow {
    margin: var(--npsList-mdrow-margin);
  }

  .mdrow-metadata > * {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 1em;
  }

  .more_mds_available > div {
    margin: var(--spacing-2) 0 var(--spacing-05);
  }

  .more_mds_available a {
    text-transform: lowercase;
    background-color: var(--button-bgColor);
    color: var(--button-color);
    padding: var(--spacing-1) var(--spacing-2);
    min-height: initial!important;
  }
  .more_mds_available a:hover {
    background-color: var(--button-bgColor-hover);
    color: var(--button-color-hover);
  }

  .nps-details {
    display: flex;
    margin: var(--spacing-1) 0;
    flex-direction: column;
  }

  main > .nps-details {
    margin-top: var(--spacing-3);
  }

  .details-header > .heading {
    font-size: var(--heading-fontSize);
    font-family: var(--heading-font);
    font-weight: var(--heading-fontWeight);
  }
  .details-header > .heading .ln-ico {
    font-size: 1rem;
    vertical-align: text-top;
  }

  .lifedata {
    margin: 0.25em 0 0 0.075em;
  }
  .brace:before {
    border: 0.125rem solid #e0e0e0;
    border-right-width: 0;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 0.625rem;
  }
}


/* mdlist */
@media all {
  /* md-list is employed for title-lists */

  .miniTitleinfo a.title {
    display: block;
    font-family: var(--mdList-title-font);
    font-size: var(--mdList-title-fontSize);
    font-weight: var(--mdList-title-fontWeight);
    line-height: 1.25em;
  }

  .md-list {
    padding: var(--mdList-paddingTop) var(--mdList-paddingHorizontal) 0;
  }

  .md-list > li > .miniTitleinfo, .mdrow-info {
    flex: 1;
  }

  .mdlist-thumb, .mdrow-thumb {
    position: relative;
    padding: 0;
    align-self: stretch;
    transition: background-color 300ms ease-in-out;
  }
  .mdlist-thumb {
    background-color: var(--mdList-thumb-bgColor);
   }
  .md-list > li:hover > *.mdlist-thumb {
    background-color: var(--mdList-thumb-bgColor-hover);
  }
  .mdrow-thumb {
    background-color: var(--mdList-thumb-bgColor);
   }
  .mdrow-metadata > *:hover > .mdrow-thumb {
    background-color: var(--mdList-thumb-bgColor-hover);
  }

  /* npsThumbIcon only pro forma support .qsp-icon > *
  .qsp-desc.rows > .nps-item, .qsp-desc.rows > .qsp-more */

  .mdlist-thumb,
  .mdrow-thumb {
    display: flex;
    justify-content: center;
  }
  .mdlist-info, .mdlist-thumb,
  .mdrow-info, .mdrow-thumb {
    min-width: var(--mdList-thumb-width);
    min-height: var(--mdList-thumb-width);
    padding-top: var(--mdList-item-paddingVertical);
    padding-bottom: var(--mdList-item-paddingVertical);
    padding-left: var(--mdList-item-paddingHorizontal);
    padding-right: var(--mdList-item-paddingHorizontal);
  }
  .md-list.cols .mdlist-thumb {
    min-height: initial;
  }
  li.pagingnav > .mdlist-thumb {
    min-height: initial;
  }
  /* npsThumbIcon only pro forma support .qsp-icon > *, */
  .mdlist-thumb  a,
  .mdrow-thumb > a {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
  }

  .md-list > li.newFrom > *.thumb a {
    min-height: initial;
  }
  .thumb.fulltextInfo + .info {
    display: initial;
  }


  .md-list > li a.thumb:after {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    content: var(--icon-arrow-right);
    padding: var(--spacing-2);
    font-family: var(--icon-fontFamily);
    font-size: var(--body-secondary-fontSize);
    transition: opacity 300ms ease-in-out;
  }
  .md-list > li a.thumb:hover:after {
    opacity: 1;
  }

  .md-list > li > .thumb .info {
    color: #999;
    font-family: var(--body-font), Helvetica, Arial;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 10px 12px;
    text-transform: uppercase;
  }

  .miniTitleinfo,
  .pageFragment-header {
    font-size: var(--body-fontSize);
  }

  .miniTitleinfo h3 {
    margin-top: 0;
  }

  .infoFly.right {
    float: right;
  }

  .infoFly {
    color: #999;
    font-size: 10px;
    font-weight: bold;
    margin-left: 5px;
    padding: 0 0 1px 0;
    display: inline-block;
    text-transform: uppercase;
  }

  .fulltextInfo-indicator, .stateInfo-indicator, .licenseInfo-indicator {
    margin: -2px 3px 0 0;
    display: inline-block;
    font-size: 1px;
    vertical-align: middle;
    width: 9px;
    height: 9px;
  }

  .md-list .infoFly.licenseInfo {
    width: 28%;
    margin-left: 2em;
    text-indent: -5px;
  }

  .licenseInfo-indicator-allowed-true {
    background-color: #0BBE49;
  }

  .licenseInfo-indicator-allowed-false {
    background-color: #F15B6E;
  }
}

/* paging */
@media all {


  .vls-list > li.pagingnav {
    border-bottom: 0;
    margin: var(--spacing-4) 0;
  }
  .vls-list.cols > li.pagingnav {
    flex-direction: row;
    flex-basis: 100%;
  }
  .vls-list.cols > li.pagingnav > *.thumb a {
    width: 0; padding: 0;
    min-width: initial;
  }

  .bottomNavDiv {
    flex: 1 1 0;
  }

  .vls-list > li.pagingnav > *.thumb,
  .vls-list > li.newFrom > *.thumb {
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .vls-list > li.pagingnav > *.thumb:after {
    content: '';
    display: none;
  }

  .vls-list > li.pagingnav > *.thumb a {
    padding: 0 36px;
  }

  .vls-list > li.pagingnav > *.bottomNavDiv div {
    margin-bottom: 0;
  }

  .drop.nodrop,
  .list-paging select.change {
    background-color: white;
    color: black;
    font-family: var(--body-font-bold);
    font-size: var(--body-fontSize);
    cursor: pointer;
  }

  .list-paging select.change {
    padding-left: 0.75em;
    width: auto;
  }

  .drop {
    margin: 0 0.2em 0 0.2em;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .list-paging.bottomNav {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    min-height: var(--paging-height);
    margin-top: var(--paging-margin-top);
    margin-bottom: var(--paging-margin-bottom);
  }

  .bottomNav > * {
    padding-top: 0;
    flex: 1;
    display: flex;
    align-items: stretch;
  }

  .bottomNav > * > .drop {
    float: none;
    flex: 1;
    display: flex;
    align-items: stretch;
  }

  .bottomNav > * > .drop > * {
    display: flex;
    align-items: stretch;
  }

  .list-paging .paginglink {
    display: flex;
    align-items: stretch;
  }

  .paginglink > * {
    flex: 1;

  }
  /* span cf. legacy defaults (color, opacity) */
  .paginglink span, .paginglink a {
    color: var(--button-color);
    background-color: var(--button-bgColor);
  }
  .paginglink span:after {
    opacity: 1;
  }

  .paginglink .start:after {
    content: var(--icon-chevron-left-end);
  }

  .paginglink .back:after {
    content: var(--icon-chevron-right);
  }

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

  .paginglink .end:after {
    content: var(--icon-chevron-right-end);
  }


  .paginglink > * {
    background-color: var(--paging-button-bgColor);
    color: var(--paging-button-color);
  }


  .list-paging .paginglink > a:hover {
    background-color: var(--paging-button-bgColor-hover);
    color: var(--paging-button-color-hover);
  }

  .list-paging .paginglink > .inactive {
    background-color: var(--paging-button-bgColor-inactive);
    opacity: var(--paging-button-opacity-inactive);
  }

  .paginglink > .vls-button {
    font-size: .8em;
  }
  .zoom-naviControls .vls-button, .zoom-naviControls select {
    font-size: 14px;
  }
  .list-paging .vls-button {
    margin-right: 1px;
    border: none;
    border-radius: 0;
    width: var(--paging-button-width);
    height: var(--paging-height);
  }

  .zoom-naviControls .vls-button, .zoom-naviControls select.change {
    height: 24px;
  }
  .zoom-naviControls .vls-button {
    width: 24px;
  }

  .paginglink {
    height: auto;
  }


  select.change {
    height: initial;
  }

  .drop,
  .drop.nodrop {
    margin: 0;
  }


}

/* hitstructure */
@media all {
  #searchResult.vls-list > li {
    border-top: 0;
  }

  .vls-list#searchResult *.hitSummary {
    margin-top: 1.5em;
    padding-top: 1.5em;
  }

  .hitSummary {
    border-top: 3px solid var(--neutral);
  }

  .hitInfo {
    float: right;
    display: block;
    margin: 0 0 1em 2em;
    font-weight: bold;
    font-size: var(--body-secondary-fontSize);
    color: var(--theme-color);
  }

  .hitInfo > *:before {
    content: '\2190 ';
  }

  .hitstructure.toggle {
    margin-top: 1em;
  }

  .hitstructure > li.toggle {
    display: block;
  }

  .hitstructure.structure > li {
    display: list-item;
    margin: 0;
  }

  .hitstructure.structure > li > a{
    padding: var(--spacing-1);
  }


  .sh-icon:before {
    border: 0;
    font-family: var(--icon-fontFamily);
    display: inline-block;
    content: var(--icon-plus);
    width: 1.1em;
    text-align: center;
    margin-right: var(--spacing-1);
    transition: transform 100ms;
  }

  .toggled .sh-icon:before {
    transform: rotate(45deg);
  }

  .sp-hits {
    font-family: var(--body-font-bold);
    font-weight: bold;
    color: var(--theme-secondary-color);
  }

  .hitstructure li, .hitstructure.structure li, .hitstructure.structure li:hover {
    border: 0;
  }

  .hitSummary + ul.hitstructure {
    margin-top: 0;

  }
}

/* pagefrag */
@media all {
  #pageFragments {
    padding-top: 62px;
  }

  #pageFragments > li.pageFrags {
    padding-left: 0;
  }

  #pageFragments > li.pageFrags > *,
  #pageFragments > li > *.thumb {
    margin-left: 32px;
  }

  #pageFragments.vls-list > li {
    border-top: 0;
    padding-top: 20px;
    background-color: white;
    margin: 0 auto;
    max-width: var(--inner-width);
  }

  #pageFragments > li#pfTitle {
    border-bottom: 0;
  }

  li#pfTitle > *.thumb {
    padding: 2em;
  }

  li#pfTitle .miniTitleinfo {
    padding-bottom: 0;
  }

  #pageFragments > li.odd {
    background-color: white;
  }

  #pageFragments > li > *.thumb {
    background-color: var(--neutral);
  }

  #pageFragments > li > *.thumb:after {
    background-color: white;
  }

  #pageFragments > li > .miniTitleinfo {
    padding-top: 0.75em;
  }

  #pageFragments > li.pageFrags > * {
    padding: 6px 10px;
    width: 100%;
  }

  .pageFragment-content {
    text-align: left;
  }

  .pageFragment {
    border: 3px solid var(--neutral);
  }

  .pageFragment-header {
    background-color: transparent;
    padding: 5px;
  }

  .pageFragment-header .firstItem:before {
    content: '\25A0';
    vertical-align: text-bottom;
    margin-right: 0.5em;
    line-height: 1.5em;
    font-size: 1.2em;
  }

  .pageFragment-content a {
    display: inline-block;
  }

  .pageFragment-content img {
    width: 100%;
    padding: 0.5em 1.5em;
  }

  #pageFragments > li.pagingnav > * {
    margin: 0 22px 0 30px;
  }
}

/* titleInfo */
@media all {
  #titleinfo {
    display: flex;
    gap: var(--titleinfo-padding);
    flex-wrap: wrap;
    align-items: stretch;
  }
  #titleInfoImage {
    display: flex;
    padding-top: 6%;
    padding-bottom: 6%;
    justify-content: center;
    flex-basis: 35%;
  }
  .titleInfoImage-right + .titleinfoPart-left {
    flex-basis: calc(65% - var(--titleinfo-padding))
  }
  .titleinfoPart-right, #titleinfo.titleinfoImage-right > .titleinfoPart-left {
    flex: 1;
  }
  #titleInfoImage {
    /* margin: 0 2em 2em 0; */
    margin-right: 0;
    background-color: var(--titleinfo-bgColor);
    position: relative;
  }


  .datacol li {
    display: table;
    width: 100%;
  }
  .datacol .md-list li {
    display: flex;
  }
  .datacol .nav > li > * {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
  .datacol .nav > li > *.flexslider {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* without columns and with rows == cfg titleInfoGridStyle */
  .titleInfo.rows .nav > li > * {
    width: initial;
    display: block;
  }


  .titleAdd.rows > ul {
    padding-top: 0.5em;
  }

  #titleinfo-wikipart li > * {
    display: block;
  }

  #titleinfo-wikipart li > *:first-child {
    width: 100%;
  }

  .datacol li.heading > *.header,
  .datacol li.single > * {
    display: block;
    width: 100%;
  }

  /*base*/

  #titleinfo .shariff a {
    color: white;
    text-decoration: none;
  }

  #titleInfoImage a {
    border-bottom: 0;
  }

  /* .wiki-center.wiki article li {
    margin-bottom: 1em;
  } */

  #titleInfoClassification a {
    line-height: 1.5em;
    border-color: #ccc;
  }

  #titleInfoClassification .classificationLinks {
    margin-bottom: 0.75em;
  }
  #titleInfoClassification .classificationLinks:last-child {
    margin-bottom: 0;
  }
  #titleinfoLinksI3F a {
    word-break: break-all;
  }

  .displayLicenseInfo {
    font-size: 12.6333px;
  }

  #titleinfo.csslayout {
    align-items: stretch;
  }

  #div-titleinfo > #titleinfo {
    margin-bottom: 0;
    padding: var(--titleinfo-padding) 0;
  }

  .list-paging {
    background-color: white;
  }

  /* titleinfo */

  #titleInfoImage a.imgLink {
    background-color: transparent;
    display: inline-block;
    text-decoration: none;
    border-bottom: 0 none;
  }
  #titleInfoImage > *.wr {
    position: sticky;
    top: 5vw;
  }

  #titleInfoImage img {
    border: none;
    max-width: 100%;
    height: auto;
    background-color: var(--thumbImg-bgColor);
  }

  .titleInfo {
    margin-bottom: var(--spacing-4);
  }

  .titleInfo > .subheader {
    margin-bottom: var(--spacing-1);
    border-bottom: 0;
    font-size: var(--heading2-fontSize);
    font-family: var(--heading2-font);
  }

  .titleAdd,
  .titleLinks,
  .titleLinksLast,
  .classificationLinks,
  .titleinfoLinkAction,
  .titleAddContent,
  td.value {
    padding: 0;
  }

  #titleinfo h1.mainheader,
  .structureTitleHeader > *,
  .titleInfo .subheader {
    font-size: var(--titleinfo-heading-fontSize);
    font-family: var(--titleinfo-heading-font);
    color: var(--titleinfo-heading-color);
    text-transform: var(--titleinfo-heading-textTransform);
    font-weight: var(--titleinfo-heading-fontWeight);
    font-variation-settings: var(--titleinfo-heading-fontVariationSettings);
  }

  .structureTitleHeader > * {
    background-color: var(--titleheader-bgColor);
  }

  #titleInfoMetadata h1 {
    margin: var(--spacing-2) 0 var(--spacing-3) 0;
  }

  .datacol .nav > li.cols > *:first-child,
  #structureMainheader {
    font-family: var(--titleinfo-structure-font);
    font-size: .75em;;
    color: var(--titleinfo-structure-color);
    font-weight: var(--titleinfo-structure-fontWeight);
    font-variation-settings: var(--titleinfo-structure-fontVariationSettings);
    text-transform: var(--titleinfo-structure-textTransform);
  }

  #titleinfoGoStructureLink {
    display: none;
  }

  .flex-cols {
    display: flex;
    gap: .65em 6%;
    flex-wrap: wrap;
  }

  .flex-cols > * {
    flex-basis: 47%;
  }

  .titleLinks, .titleInfo .no-cols .titleLinks {
    display: flex;
    align-items: center;
  }

  .titleLinks a {
    margin-right: 0;
  }

  .titleInfoMetadataChildren a.childLink {
    flex: 1;
  }

  .titleInfoMetadataChildren a.resourceLink {
    order: 2;
    margin-left: 1em;

  }

  .titleInfo .no-cols .titleLinks .resourceLink {
    flex-basis: 5em;
  }

  .titleInfo .vlcol .titleLinks {
    padding: 0 0 var(--spacing-05);
  }

  .titleInfo .vlcol.mdc-xlg-5 {
    flex-basis: 28%;
  }

  .bd-periodical #titleinfo .structure-layer-navPath#navPath {
    font-size: var(--heading-fontSize);
  }


  #titleinfo .structure-layer-navPath#navPath {
    border-left: 0;
    font-size: var(--heading2-fontSize);
  }

  #titleinfo .structure-layer-navPath#navPath > *:first-child {
    margin-left: 0;
  }

  #titleinfo .structure-layer-navPath#navPath span::before {
    color: var(--body-secondary-color);
    font-size: var(--body-secondary-fontSize);
    margin-bottom: 7px;
  }

}

/* type_inventory */
@media all {
  .type_inventory #ul-structure {
    /* margin-left: calc(-1 * var(--spacing-2)); */
  }


  .type_inventory #ul-structure li {
    border-left: 1px solid var(--neutral-light);
  }

  .type_inventory #ul-structure > li {
    border-left: none;
  }

  .type_inventory #ul-structure li > span.structure {
    opacity: 0.55;
  }
}


/* titleInfoMetadataChildren */
@media all {
  .titleLinks > a > * {

  }
}

/* structure */
@media all {
  .structureTitleHeader > * {
    padding: var(--spacing-3);
  }

  #structureMainheader {
    display: none;
    margin: var(--spacing-2) 0;
  }

  .structure .scap {
    text-decoration: none;
    margin-right: 0;
  }


  .structure > li:hover {
    /* background-color: var(--button-secondary-inverted-bgColor-hover); */
  }

/* pagestructure */
@media all {


  nav[content='content-structure'] {
    position: relative;
  }
  #navPath {
    font-size: var(--body-secondary-fontSize);
  }
  .pageviewStructure-tree {
    background-color: var(--surface-bgColor);
    border: 1px solid var(--border-color);
  }

  #navPath * {
    display: inline-block;
  }

  .structure-layer-navPath a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .npNext:before {
    display: inline-block;
    font-family: var(--icon-fontFamily);
    margin: 0 var(--spacing-1);
    color: var(--body-secondary-color);
    /*vars*/
    margin-bottom: 4px;
  }

  #navPath .vls-open-Layer {
    background-color: hsla(0, 0%, 0%, 15%);
    width: var(--button-top-width);
    font-size: var(--heading2-fontSize);
    height: inherit;
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0;
    border: 0;
    border-radius: 0;
  }

  .vls-open-Layer:after {
    content: var(--icon-chevron-down);
    text-align: center;
    flex: 1;
    font-family: var(--icon-fontFamily) !important;
    color: transparent;
    display: inline-block;
    color: var(--link-color);
  }

  .vls-open-Layer.toggled:after {
    transform: scaleY(-1);
  }



  #archiveNavPath.titlesBar > .headertext {
    font-size: var(--body-fontSize);
  }

  /*base*/

}

/* page */


/* pageview-controls */

@media all {

  .bd-portal-zoom .structureTitleHeader {
    position: relative;
  }

  .bd-portal-zoom .structureTitleHeader > * {
    z-index: 1;
    position: absolute;
    width: 100%;
    padding: var(--spacing-3) 10% var(--spacing-3) var(--spacing-3);
    background-color: var(--surface-bgColor);
    opacity: 0.8;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
  }

  .bd-portal-pageview .vl-pageview-controls {
    display: none;
  }

  .relative-holder {
    display:flex;
    position:relative;
  }

  .vl-pageview-controls {
    left: 0;
    right: initial;
  }

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

  .vl-pageview-controls .toggled {
    max-width: 47vw;
  }

  .vl-pageview-controls *:not(.share_text, .fab) {
    color: var(--pageviewer-contents-color);
  }

  .vl-pageview-controls .share_text, .vl-pageview-controls .fab {
    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: var(--pageviewer-contents-bgColor);
    user-select: none;
  }

  .vl-pageview-controls .contents .totoggle {
    order: 2;
  }

  .vl-pageview-controls .totoggle {
    display: none;
    background-color: var(--pageviewer-contents-bgColor);
    /*vars*/
  }

  #mdContextinfo,
  #vl-webcachesizes {
    padding: 0 1rem 0.25em;
  }

  #mdContextinfo .header {
    background-color: var(--pageviewer-contents-bgColor);
    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 0.5rem 1px;
    margin: 0 0.4rem;
  }

  .vl-pageview-controls .totoggle a {
    background-color: var(--pageviewer-toggleButton-bgColor);
    color: var(--pageviewer-contents-color);
  }

  .vl-pageview-controls .totoggle a:hover {
    background-color: var(--pageviewer-toggleButton-bgColor-hover);
  }

  .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: var(--pageviewer-button-bgColor-active);
  }

  .vl-btn.toggle.active:hover {
    background-color: var(--pageviewer-button-bgColor-hover);
  }

  #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-height {
    line-height: 48px;
  }

  .toggleImageControls {
    display: none;
    cursor: pointer;
  }

  .toggleImageControls .toggle:after {
    font-family: var(--icon-fontFamily);
  }


  #zoom__thumbSlider__bg {
    background-color: var(--surface-bgColor);
    opacity: 1;
  }

  #zoom__thumbSlider .icon-left-open:before{
    content: var(--icon-chevron-left);
    font-family: var(--icon-fontFamily);
  }

  #zoom__thumbSlider .icon-right-open:before{
    content: var(--icon-chevron-right);
    font-family: var(--icon-fontFamily);
  }

  #zoom__thumbToggler,
  #zoom__pagetextToggler {
    background-color: var(--surface-bgColor);
    opacity: 1;
  }

  #zoom__thumbToggler span ,
  #zoom__pagetextToggler span {
    font-size: var(--body-secondary-fontSize);
  }

  #zoom__thumbToggler > *:before ,
  #zoom__pagetextToggler > *:before {
    display: inline-flex;
    margin-right: var(--spacing-1);
    width: inherit;
    align-items: center;
    opacity: 1;
    font-family: var(--icon-fontFamily);
    font-size: var(--heading-fontSize);
    background: none;
  }

  #zoom__thumbToggler > *:before {
    content: var(--icon-thumbslider)
  }

  #zoom__pagetextToggler > *:before {
    content: var(--icon-transcript)
  }

  .vl-pageview-controls div#vl-socialnetworks {
    padding: var(--spacing-2);
  }

  .vl-pageview-controls .totoggle#vl-socialnetworks a {
    margin: auto;
    padding: 0;
    display: block;
  }

  @media (max-width: 700px) {
    /*vars*/
    .vl-pageview-controls .toggled {
      max-width: 100vw;
    }
  }

  /*base*/

  .vl-pageview-controls .contents .vl-pbuttons {
    background-color: transparent;
  }

  .vl-pbuttons a:last-of-type {
    border-bottom-right-radius: 2px;
  }

  .vl-pbuttons a {
    background-color: var(--pageviewer-button-bgColor);
    opacity: 0.85;
  }

  .vl-pbuttons a:hover {
    background-color: var(--pageviewer-button-bgColor-hover);
  }

  .vl-pbuttons .vl-btn {
    display: flex;
    height: var(--pageviewer-button-size);
    width: var(--pageviewer-button-size);
    align-items: center;
    border: 0;
    font-size: 0;
  }

  .vl-pbuttons .vl-btn:before {
    text-align: center;
    font-size: var(--body-fontSize);
    font-family: var(--icon-fontFamily);
    color: var(--pageviewer-button-color);
    display: flex;
    justify-content: center;
    flex: 1;
  }

  .vl-pbuttons .vl-btn.active::before {
    color: var(--pageviewer-button-color-active);
  }
  .vl-pbuttons .vl-btn.active:hover {
    background-color: var(--pageviewer-button-bgColor-active);
  }

  .vl-pbuttons .info:before {
    content: var(--icon-info);
  }

  .vl-pbuttons .icon-sliders:before {
    content: var(--icon-sliders);
  }

  .vl-pbuttons .icon-edit:before {
    content: var(--icon-edit);
  }

  .vl-pbuttons .icon-download-pdf:before {
    content: var(--icon-download-pdf);
  }

  .vl-pbuttons .icon-download-text:before {
    content: var(--icon-download-text);
  }

  .vl-pbuttons .icon-download-code:before {
    content: var(--icon-download-code);
  }

  .vl-pbuttons .icon-download-img:before {
    content: var(--icon-download-img);
  }

  .vl-pbuttons .icon-share:before {
    content: var(--icon-share);
  }

  .icon-resize-small:before {
    content: var(--icon-fullscreen-close);
  }

  .vl-pbuttons .icon-resize-full:before {
    content: var(--icon-fullscreen-open);
  }

  .zoompane #zoom__navNext:before {
    content: var(--icon-chevron-right);
  }
  .zoompane #zoom__navPrev:before {
    content: var(--icon-chevron-left);
  }

}

/* zoom */
@media all {

  .bd-portal-list #map {
    /* place/list */
    height: var(--nav-map-height);
  }
  .bd-place #map {
    /* place/[anytab] */
    padding: var(--spacing-3);
  }
  .bd-metadata #map {
    height: 300px;
    padding: 60px;
  }
  #map .ol-viewport {
    /*overwrite 4.6.5 - scrolling with touch devices */
    /*touch-action: initial!important;*/
  }

  #map .ol-control {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }

  .ol-viewport .ol-scale-line {
    background-color: var(--theme-secondary-color);
    opacity: 0.75;
  }

  .ol-zoomslider {
    display: none;
  }

  .ol-viewport {
    cursor: grab;
  }

  .ol-control button,
  .ol-control button:hover {
    background-color: var(--pageviewer-button-bgColor);
  }

  #map button {
    display: flex;
    width: var(--pageviewer-button-size);
    height: var(--pageviewer-button-size);
    cursor: pointer;
    align-items: center;
    opacity: 0.85;
    margin: 0;
    border-radius: 2px;
    background: var(--pageviewer-button-bgColor);
    color: var(--pageviewer-button-color);
    font-size: 0;
    font-family: var(--icon-fontFamily);
  }

  #map button::before {
    flex: 1;
    text-align: center;
    font-size: var(--body-secondary-fontSize);
  }

  #map button:hover {
    background: var(--pageviewer-button-bgColor-hover);
  }

  #map .ol-zoom {
    top: auto;
    left: auto;
    right: .5em;
    bottom: .5em;
  }

  #map .ol-zoom button.ol-zoom-out  {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  #map .ol-zoom button.ol-zoom-in  {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }

  #map button.ol-zoom-in:before {
    margin-bottom: 0px;
    content: var(--icon-plus);
  }

  #map button.ol-zoom-out:before {
    content: var(--icon-minus);
  }


  #map .ol-full-screen button::before {
    content: var(--icon-fullscreen-open);
    font-size: var(--body-fontSize);
  }

  #map .ol-overviewmap.ol-collapsed button::before{
    content: var(--icon-map);
  }

  #map .ol-overviewmap button::before{
    content: var(--icon-close);
  }

  #map .ol-attribution {
    top: .5em;
    left: .5em;
    bottom: 0;
    right: 0;
    display: flex;
    width: max-content;
    height: max-content;
    max-width: calc(100% - 1em);
    max-height: calc(100% - 1em);
    background-color: rgba(255, 255, 255, 0.75);
  }

  #map .ol-attribution.ol-collapsed {
    width: 30px;
    height: 30px;
    background-color: transparent;
  }

  #map .ol-attribution ul {
    flex: 1;
    order: 2;
    padding: var(--spacing-2);
  }

  #map .ol-attribution button {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: var(--surface-bgColor);
  }

  #map .ol-attribution button::before{
    content: var(--icon-info);
    font-size: var(--body-fontSize);
  }

  #zoom__navPrev {
    left: 0;
  }

  #zoom__navNext {
    right: 0;
  }

  #zoom__navPrev:hover,
  #zoom__navNext:hover {
    opacity: 0.7;
  }

  /* ff */

  #zoom__navPrev, #zoom__navNext,
  #zoom__thumbNavPrev, #zoom__thumbNavNext {
    width: auto;
    height: auto;
    font-size: 0;
    padding: 0;
  }

  .zoom__nav,
  .zoom__nav:hover {
    opacity: 1 !important;
  }

  #zoom__navPrev, #zoom__navNext {
    top: 0px;
    height: 100%;
    width: 15%;
  }
  #zoom__navPrev.is3Dmodel, #zoom__navNext.is3Dmodel {
    height: calc(100% - var(--sketchfab-control-height));
  }
  #zoom__navPrev:before, #zoom__navNext:before {
    top: 50%;
    position: absolute;
    opacity: 0;
    transition: opacity 600ms;
  }

  .active#zoom__navPrev:before, .active#zoom__navNext:before {
    opacity: 1;
  }

  #zoom__navPrev {
    left: 0;
    text-align: left;
  }

  #zoom__navNext {
    text-align: right;
  }

  #zoom__navPrev {
    text-align: left;
  }

  #zoom__navPrev:before {
    left: 30px;
  }

  #zoom__navNext:before {
    right: 64px;
  }

  #zoom__thumbNavPrev:before {
    left: 15px;
  }
}

/* pagetext */
@media all {
  .pagetext *[data-vl-searchterm]  {
    background-color: var(--searchterm-bgColor);
  }
  .pagetext *[data-vl-entity], .wiki-entity {
    color: #8c8c8c;
  }
  .pagetext a.vlIcon  {
    margin-left: -.2em;
  }

  .pagetext svg.connectors path {
    fill: #8c8c8c;
  }
  .pagetext svg.connectors:hover path {
    fill: var(--titleinfo-link-color);
  }
}

/* filtersliders */

@media all {
  #zoom__filterSliders {
    padding: 0.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: 0.7;
    z-index: -1;
  }

  #zoom__filterSlidersContent > div {
    width: 45px;
    text-align: center;
    font-size: var(--body-secondary-fontSize);
  }
  #zoom__filterSlidersContent > .vls-button.icon-cw {
    transform: scaleX(-1);
  }
  #zoom__filterSlidersContent > .vls-button.icon-cw::before {
    content: var(--icon-cw);
  }

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

  #zoom__filterSliders input[type='range'] {
    height: 5px;
    width: 120px;
    margin: 60px 0 60px -41px;
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    background: none;
    /*do same for other browsers if required*/
    -webkit-appearance: none;
    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;
    background: #fff;
    border-radius: 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;
    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;
    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;
  }
}

/* blog */
@media all {
  .bd-blog .blogList {
    gap: var(--spacing-4);
  }

  .widget-blogList .blogList .blogPost.intro {
    background-color: var(--theme-color);
    color: var(--theme-color-contrast);
    padding: var(--spacing-4);
  }

  .widget-blogList .blogList .blogPost.intro .btn {
    color: var(--theme-color-contrast);
    border-color: var(--theme-color-contrast);
  }

  .showAllPosts .btn  {
    border-color: var(--theme-color);
  }

  .showAllPosts .btn span {
    color: var(--theme-color);
  }

  .blogList .blogPost {
    padding: var(--spacing-4);
    background: var(--thumbImg-bgColor);
  }

  .bd-blog-post .postHeader {
    gap: var(--spacing-4);
    margin-bottom: var(--spacing-4);
  }

  .bd-blog-post .postImg-cnt,
  .socialmedia-share {
    font-size: var(--body-secondary-fontSize);
  }

  .socialmedia-share {
    padding-top: var(--spacing-3);
    border-top: 1px solid var(--theme-color);
  }


}

/* date */
@media all {
  .yearList {
    margin-top: 1.6em;
  }

  .yearList.tabList {
    padding: 0 var(--spacing-1);
  }

  .yearList-layer {
    box-shadow: 6px 6px 16px 0px #999;
    margin-top: 0em;
    position: absolute;
    display: none;
    background-color: var(--surface-bgColor);
    z-index: 1;
    padding: 1em;
    overflow-y: scroll;
  }

  .yearList > .century {
    clear: left;
    padding: var(--spacing-1);
    border: var(--date-element-border);
    background-color: var(--date-century-bgColor);
  }

  .century > .header {
    color: var(--date-heading-color);
    padding: 0 var(--spacing-05) var(--spacing-05);
    font-weight: bold;
  }

  .century > span:nth-of-type(10n+1) {
    clear: left;
  }

  .century > span {
    display: inline-block;
  }

  .century > span, .century > div.oj {
    display: inline-block;
    padding: var(--spacing-05);
    margin: 0.2em 0.4em 0.2em 0;
  }

  .century > span > span {
    color: var(--date-color);
  }

  .century > *.avail:hover {
    background-color: var(--date-avail-bgColor-hover);
  }

  .century > *.avail, .century div.oj a.avail {
    background-color: var(--date-avail-bgColor);
  }

  .century > *.avail a {
    color: var(--date-avail-color);
  }

  #dayList > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-3);
    padding: var(--spacing-3);
  }

  .datepicker {
    background-color: var(--date-datepicker-bgColor);
    vertical-align: top;
    display: inline-block;
    padding-bottom: var(--spacing-05);
    border: var(--date-element-border);
  }

  .datepicker table {
    border-collapse: collapse;
  }

  .datepicker tr td:first-of-type,
  .datepicker thead tr:nth-of-type(2) th:first-of-type {
    padding-left: var(--spacing-05);
  }

  .datepicker tr td:last-of-type,
  .datepicker thead tr:nth-of-type(2) th:last-of-type {
    padding-right: var(--spacing-05);
  }

  .datepicker thead tr:nth-of-type(2) {
    font-weight: 800;
  }

  .datepicker th.month {
    background-color: var(--date-heading-bgColor);
  }

  .datepicker th.month span {
    display: block;
    color: var(--date-heading-color);
    text-align: left;
    padding: var(--spacing-05);
  }

  .datepicker tbody span, .datepicker tbody a, .datepicker th span {
    display: block;
    padding: 0.2em;
    border: 1px solid transparent;
  }

  .datepicker th.weekday span {
    font-weight: normal;
    text-align: center;
    font-size: 0.65em;
  }

  .datepicker td {
    color: var(--date-color);
    text-align: center;
    padding: 0;
  }

  .datepicker a {
    color: var(--date-avail-bgColor);
    text-decoration: none;
    outline: none;
  }

  .datepicker a.avail {
    background-color: var(--date-avail-bgColor);
    color: var(--date-avail-color);
  }

  .datepicker a.avail:hover, .datepicker a.avail.sel {
    background-color: var(--date-avail-bgColor-hover);
  }
}

/* search */
@media all {
  .vl-mobile-top #searchexpert {
    position: absolute;
    right: 5em;
    border-right: 0;
    font-size: var(--body-fontSize);
    color: var(--mobileTop-color);
    text-decoration: none;
    margin-right: var(--spacing-05);
  }

  #hideSearchInfo {
    display: none;
  }

  #searchinfo {
    display: none;
    line-height: 1.25em;
    border-left: 3px solid #eee;
    border-bottom: 3px solid #eee;
  }

  #searchinfo.modern {
    right: 0;
    position: absolute;
    background-color: white;
  }

  #searchInfoHeader {
    display: inline;
    text-align: left;
  }

  #searchinfo > .close {
    display: flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    background-color: var(--pageviewer-button-bgColor);
    height: 44px;
    font-family: var(--body-font-bold);
    cursor: pointer;
    margin-bottom: var(--spacing-1);
    color: var(--pageviewer-button-color);
  }

  .searchInfo .toggle:before {
    content: var(--icon-info);
  }

  .vlsControl .button:hover {
    background-image: none;
  }

  #searchinfo strong {
    padding: 0.5em 0;
  }

  #searchinfo.modern fieldset {
    border: 0;
    margin: 15px 20px;
  }

  #searchinfo.modern legend {
    padding: 1em 0;
    font-size: 1.25rem;
  }

  #searchinfo b,
  #searchinfo strong {
    display: block;
    padding-bottom: 0.5em;
  }

  .searchInfo.rightCtrl {
    max-width: 291px;
  }

  #searchinfo.modern {
    min-width: 291px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 20%);
  }

  #searchinfo.modern {
    background-color: white;
  }

  .sruFormFields td.sruTerm,
  td.sruTerm input[type='text'],
  .sruForm #setDomains select {
    width: 100%;
  }

  #searchTheBook,
  .searchTheBook {
    float: none;
    margin-left: 0;
  }

  #searchTheBook form {
    display: flex;
    position: relative;
  }

  #pageFragments #searchTheBook {
    display: none;
  }

  #searchTheBook input[type='text'] {
    background-color: var(--button-inverted-bgColor-active);
    color: var(--button-inverted-color);
  }

  #inbookSearch .input-wrapper.open {
    display: flex;
  }

  #searchTheBook #inputSearchTheBook {
    padding: 2px 4px;
    border: 0;
    font-size: 1em;
    outline: none;
    width: 230px;
    text-overflow: ellipsis;
  }

  #searchTheBook .input-wrapper:before {
    content: var(--icon-search-page);
    font-size: var(--heading2-fontSize);
    font-family: var(--icon-fontFamily);
    color: var(--button-inverted-color);
    text-align: center;
    width: calc(var(--mainheader-minHeight) - 10px);
  }

  button#quicksearchSubmit {
    display: flex;
    background-color: transparent;
  }

  button#quicksearchSubmit,
  #mobileTop #quicksearchSubmit:hover::before {
    padding: 0;
    border: 0;
  }

  #mobileTop #quicksearchSubmit:hover::before {
    background-color: var(--button-inverted-bgColor-active);
  }

  #mobileTop #quicksearchSubmit.active {
    background-color: var(--button-inverted-bgColor-active);
  }

  #searchTheBook button:before {
    /* background: url('/suubcasual/domainimage/svg/icon-search-ocr.svg') 50% 50% no-repeat; */
    background-color: var(--button-bgColor);
    height: var(--mainheader-minHeight);
    width: var(--button-top-width);
    height: var(--mainheader-minHeight);
    font-family: var(--icon-fontFamily);
    content: var(--icon-search-page);
    color: var(--button-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--body-fontSize);
  }

  #searchTheBook button:hover::before {
    background-color: var(--button-bgColor-hover);
  }

  #searchTheBook button.close:before {
  }

  #searchTheBook button.active:before {
    content: var(--icon-chevron-right);
    font-size: var(--body-fontSize);
  }

  /*base*/

  .searchbox.active #mqs-wrap {
    border-bottom: 3px solid transparent;
    position: relative;
  }

  .sruForm {
    /* background-color: var(--surface-secondary-bgColor); */
    padding: 0 var(--inner-padding) var(--spacing-4);
  }

  .sruForm .sruFormFields {
    margin: 0 auto;
    max-width: var(--sruForm-width);
    padding: 0;
  }

  .sruForm .sruFormFields > * {
    padding-top: 10px;
  }

  .sruForm .sruFormFields > * > table {
    margin-top: 8px;
  }

  .sruForm .legend {
    padding:  var(--spacing-2) 0;
  }

  #searchformMetadata .legend {
    display: flex;
    align-items: center;
  }

  #searchformMetadata .legend > #resetSearchIcon {
    cursor: pointer;
    margin: 0 !important;
    background-color: var(--button-bgColor);
    display: inherit;
    z-index: 1;
  }

  #searchformMetadata .legend > #resetSearchIcon:hover {
    background-color: var(--button-bgColor-hover);
  }

  #submitSearch.submit {
    display: none;
  }

  #resetSearchText {
    display: none;
    font-size: 1rem;
    padding: 4px;
    font-variant: all-small-caps;
  }

  #searchInfoHeader .infoFly {
    margin-left: 0;
    color: var(--button-color);
    font-family: var(--body-font-bold);
    font-size: 1em;
    margin-left: 5px;
    padding: 0 0 1px 0;
    display: inline-block;
    text-transform: none;
  }

  .sortselect-placeholder {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--sortselect-bgColor);
  }

  .sruForm select, .sortindexSelect .drop2, .sortindexSelect select,
  #searchformFulltext td > *:first-child,
  #outputOptions .radios, #outputOptions-truncateRight {
    background-color: var(--sortselect-bgColor);
  }

  .sruForm select, .sruForm input[type='text'],
  #searchformFulltext td > *:first-child,
  #outputOptions .radios, #outputOptions-truncateRight, #outputOptions .submit {
    line-height: 1.3em;
    /*mozilla*/
    height: 100%;
    width: 100%;
    border: 0;
    padding-right: 0;
    outline: none;
    padding: .75em;
  }
  .sruForm input[type='text'] {
    border: 0;

  }
  .sruForm input[type='text']:focus {
    outline: 0;
  }

  #outputOptions th {
    font-weight: normal;
    text-align: left;
  }
  #searchformMetadata tr, #searchformFulltext td,
  .sruForm #setDomains, #outputOptions th {
    display: flex;
    height: auto;
  }

  .sruForm #setDomains {
    background-color: var(--surface-secondary-bgColor);
  }

  .sruForm tr > * {
    flex: 1;
    padding: 0;
  }

  #searchformMetadata th {
    display: none;
  }

  #searchformMetadata td.sruBool,
  #searchformMetadata td.sruIndex {
    position: relative;
  }

  #searchformMetadata .sruBool > *,
  #searchformMetadata .sruIndex > * {
    font-family: var(--body-font);
  }

  #searchformMetadata tr > td.sruBool {
    flex-basis: 10%;
  }

  #searchformMetadata tr > td.sruIndex {
    flex-basis: 25%;
  }

  #searchformMetadata tr > td.sruIndex:first-of-type,
  #searchformFulltext td > *:first-child,
  #outputOptions-truncateRight {
    flex-basis: 35%;
  }

  #searchformMetadata td.sruTerm,
  #searchformFulltext td > *:nth-child(2),
  #outputOptions .radios {
    width: 100%;
    flex-basis: 65%;
    display: flex;
  }

  #outputOptions {
    border-bottom: 2px solid var(--theme-color);
  }

  #outputOptions .submit:focus {
    outline: 0;
  }

  #outputOptions .submit {
    display: inline-block;
    font-size: inherit;
    border: 0;
    flex-basis: 23%;
    font-family: var(--body-font-bold);
    color: white;
    background-color: var(--button-bgColor);
    opacity: 0.5;
  }

  #outputOptions .submit.active {
    opacity: 1;
    cursor: pointer;
  }

  #outputOptions .submit.active:hover {
    background-color: var(--button-bgColor-hover);
  }

  #outputOptions .radios {
    flex-basis: 83%;
    position: relative;
  }

  #outputOptions input[type='radio'] {
    display: none;
  }

  #outputOptions .radios label {
    display: inline-block;
    position: relative;
    padding: 0 25px;
  }

  #outputOptions span.cssradio {
    background: #fff;
    width: 14px;
    height: 14px;
    display: inline-block;
    border: 1px solid white;
    position: absolute;
    top: 3px;
    left: 0;
    transition: all 0.1s linear;
    border-radius: 50%;
  }

  #outputOptions input[type='radio'] + span {
    background-color: var(--theme-color-alpha);
  }

  #outputOptions input[type='radio']:checked + span {
    background-color: var(--theme-color);
  }

  .sruFormFields td,
  #searchformFulltext td {
    border-bottom: 1px solid var(--surface-secondary-bgColor);
  }
}

/* frags */
@media all {

  .bd-metadata .list-paging.bottomNav, .bd-pages-search .list-paging.bottomNav {
    margin: var(--spacing-3);
  }

  #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;
  }

  #searchFrags {
    padding: var(--spacing-3);
    /*padding-right: var(--spacing-3);*/
  }

  .fstruct {
    padding-top: .6em;
    padding-bottom: .4em;
  }


  .wr-clipped .frag a {
    display: flex;
    position: relative;
  }

  .markTerm {
    position: absolute;
    background-color: #00808066;
    z-index: 1;
    display: none;
  }
}

/* footer */
@media all {
  #bottomParts {
    border: 0;
    padding: 0;
  }

  .customFooter {
    color: var(--footer-color);
    background-color: var(--footer-bgColor);
    font-size: var(--body-secondary-fontSize);
    letter-spacing: 2px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
  }

  .customFooter ul {
    display: inline-block;
    list-style: none;
    line-height: 20px;
    margin: 0;
    margin-right: 1em;
    padding: 0;
  }

  .customFooter > *,
  .customFooter > .bottom > div {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    gap: 16px;
  }

  .customFooter .top {
    padding: 0;
    text-align: right;
  }

  .customFooter .bottom {
    flex: 1;
  }
  .customFooter a {
    color: var(--footer-link-color);
  }

  .customFooter .bottom a {
    margin-left: 10px;
    display: inline-block;
  }

  .customFooter .fleft {
    flex: 1;
  }

  .customFooter .fleft img {
    height: 16px;
    margin-top: 11px;
    margin-left: 10px;
  }

  .customFooter .top img {
    height: var(--footer-image-height);
  }

  .customFooter > .spacer {
    flex-grow: 1;
  }

  .f-links-vls {
    display: none;
  }

  #footerContent {
    position: absolute;
    right: 0;
    background-color: antiquewhite;
    margin-top: -26px;
  }
}

/* layer */
@media all {

  /* custom-menu-layer basic props see styles.css */

  #custom-menu-layer > * {
    display: flex;
    flex-direction: column;
    /* 2rem + .ml-close height */
  }
  #custom-menu-layer .ml-close + * {
    margin-top: calc(2rem + var(--body-fontSize) + 2 * var(--spacing-3));
  }

  #custom-menu-layer .ml-close {
    user-select: none;
    position: absolute;
    right: 0;
    top: 0;
    height: var(--button-top-height);
    min-height: calc(var(--logo-height) + 2 * var(--logo-spacing));
    background-color: var(--hamburgerButton-bgColor);
    color: var(--hamburgerButton-color);
    padding: var(--spacing-3);
    font-size: var(--body-fontSize);
    font-family: var(--body-font-bold);
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  #custom-menu-layer .ml-close:hover {
    background-color: var(--hamburgerButton-bgColor-hover);
  }
  #custom-menu-layer .ml-close:before {
    vertical-align: middle;
    content: var(--icon-close);
    font-size: 0.85rem;
    margin-right: var(--spacing-3);
    font-family: var(--icon-fontFamily);
  }

  #custom-menu-layer .chooseLanguage {
    position: absolute;
    left: var(--spacing-3);
    top: 0;
    margin-top: var(--spacing-2);
  }
  #custom-menu-layer .chooseLanguage .sep {
    display: inline-block;
    vertical-align: sub;
    font-size: 24px;
  }
  #custom-menu-layer .chooseLanguage a {
    font-family: var(--body-font-bold);
    padding: var(--spacing-1) var(--spacing-05);
    margin: 0 var(--spacing-1);
    text-transform: uppercase;
  }

  #custom-menu-layer .chooseLanguage a:last-of-type {
    margin-right: 0;
  }

  #custom-menu-layer .chooseLanguage a.sel {
    border-bottom: 1px solid var(--customMenu-color);
  }
  #custom-menu-layer .chooseLanguage a:not(.sel):hover {
    opacity: 0.8;
  }

  #custom-menu-layer .metaDataCount {
    display: none;
  }
  .custom-menu-layer a {
    padding: 0 .2em ;
    display: inline-block;
    color: var(--customMenu-link-color);
    border-bottom: 1px solid transparent;
  }

  #custom-menu-layer .menubox a:active, #custom-menu-layer a.sel {
    border-bottom: 1px solid var(--customMenu-link-color);
  }
  #custom-menu-layer h1, #custom-menu-layer .menuheader {
    margin: 1em 0;
    font-family: var(--body-font-bold);
  }
  #custom-menu-layer h2, #custom-menu-layer .menubox li {
    font-size: 1.25rem;
    margin: .75em 0;
  }
}


/* flexslider */
@media all {
  .flexslider  {
    margin: 0 auto 3.6em;
    width: 100%;
    max-width: var(--tiles-width);
  }
  .flex-direction-nav a {
    text-shadow: none;
    color: transparent;
  }


  .flexslider .flex-direction-nav .flex-prev,
  .flexslider:hover .flex-direction-nav .flex-prev  {
    left: var(--spacing-2);
  }

  .flexslider .flex-direction-nav .flex-next,
  .flexslider:hover .flex-direction-nav .flex-next{
    right: var(--spacing-2);
  }

  .flex-direction-nav a {
    width: var(--pageviewer-button-size);
    height: var(--pageviewer-button-size);
    opacity: 0;
    font-size: 0;
    /* border-radius: 100%; */
    top: 50%;
    display: flex;
    align-items: center;
    background: var(--slidernav-bgColor);
  }

  .flex-direction-nav a:before {
    font-family: var(--icon-fontFamily);
    font-size: 24px;
    text-align: center;
    flex: 1;
    color: var(--slidernav-color);
  }


  .flexslider .flex-control-paging a {
    width: 14px;
    height: 14px;
    background: white;
  }

  .flexslider .flex-control-paging a:hover {
    background: var(--button-secondary-inverted-bgColor-hover);
  }
  .flexslider .flex-control-paging a.flex-active {
    background: var(--button-secondary-inverted-color);
  }

  .flexslider.slider .flex-direction-nav a {
    top: calc(50% - var(--pageviewer-button-size));
  }

  .flexslider.slider .flex-caption {
    box-sizing: border-box;
    width: 100%;
    padding: 2%;
    font-size: var(--heading2-fontSize);
    font-family: var(--heading2-font);
    color: var(--body-font-color);
    text-shadow: none;
    background-color: var(--surface-secondary-bgColor);
  }
}

/* showcase */
@media all {
  .widget.showcase {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .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: 10px 14px ;
    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;
  }
}
/* headerNav */
@media all {

  .headerNav h1, .mainheader {
    font-family: var(--body-font-bold);
  }

  .headerNav h1 {
    margin: 0;
  }

  .headerNav h1, .naviBar, .mainheader, select {
    font-family: var(--body-font-bold);
  }

  .headerNav h1 .selectedFacets {
    font-size: 16px;
  }

  .headerNav .next, .headerNav .pos2:not(.item) {
    font-size: 0;
  }
  .headerNav .next::before,
  .headerNav .pos2:not(.item)::before {
    font-family: var(--icon-fontFamily);
    vertical-align: super;
    font-size: var(--body-secondary-fontSize);
    color: var(--body-secondary-color);
    content: var(--icon-chevron-right);
    margin: 0 var(--spacing-1);
    height: 100%;
  }


  .rightCtrl, .titlesBar {
    display: flex;
    align-items: stretch;
  }

  img.svgInline, svg.svgInline {
    height: 1em;
    margin-bottom: -0.15em;
    display: inline-block;
  }


  /*misc*/

  .alphaIndexNav {
    /* only with /index/title - better hide this, bots may have this cached still */
    display: none;
  }
}

/* forms */
@media all {

  .tinfoBefore div {
    padding-left: 0 !important;
  }

  .form-formWrapper {
    padding: 0 3.5%;
  }
  .form-formWrapper .form-tableRow {
    margin-top: var(--spacing-1);
    background-color: var(--neutral-lightest);
  }

  .form-formWrapper .form-entryLabelWrapper {
    background: none;
    box-shadow: none;
  }

  .form-formWrapper .form-entry .form-Button {
    border-radius: 0;
    width: inherit;
    padding: var(--spacing-1);
    background-color: var(--button-secondary-bgColor);
    color: var(--button-secondary-color);
  }
  .form-formWrapper .form-entry .form-Button:hover {
    background-color: var(--button-secondary-bgColor-hover);
    color: var(--button-secondary-color-hover);
  }

  .form-formWrapper .form-section {
    border: none;
  }

  .form-formWrapper .form-tableCell,
  .form-formWrapper .form-sectionLabel {
    border: 0;
  }

  .form-formWrapper .form-sectionLabel {
    box-shadow: none;
    background-color: transparent;
    font-size: var(--heading2-fontSize);
    font-family: var(--heading2-font);
  }

  .form-formWrapper .form-actionWrapper {
    margin-bottom: 1em;
  }

  .form-formWrapper .form-entryBase > .form-entryLabel {
    min-height: 44px;
    padding-top: var(--spacing-05);
    padding-bottom: var(--spacing-05);
  }

  .form-formWrapper .form-type-TextFormEntry .form-primitiveValue {
    min-height: 44px;
  }

  .form-formWrapper .form-entry .form-primitiveValue input[type=text],
  .form-formWrapper .form-entry .form-primitiveValue select {
    height: calc(44px - var(--spacing-05));
    padding: 0 var(--spacing-2);
    border: 1px solid var(--border-color);
  }

  .form-formWrapper .form-entry .form-primitiveValue textarea {
    padding: var(--spacing-2);
    border: 1px solid var(--border-color);
  }

  /* .form-formWrapper .form-primitiveValue.form-baseValue table tr {
    display: flex;
    align-items: center;
  } */
}

/* auth */
@media all {
  .authForm fieldset {
    border-radius: 0;
    border-color: #ddd;
  }
  .authForm .pane .label {
    color: #999;
  }
  .authForm input {
    font-size: 1rem;
    border-color: #ddd;
    padding: .5em .7em;
  }
}

/* debug */
@media all {
  #debugpanel {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 130;
    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;
  }
}



/* mediaquery */
@media (min-width: 1216px) {
  #searchinfo.modern {
    width: 50vw !important;
  }
}

@media (max-width: 1250px) {
  #custom-menu-layer {
    width: 100%;
  }
}

@media (max-width: 1170px) {
  .titleInfo .vlcol.mdc-lg-4 {
    flex-basis: 33%;
  }
}

@media (max-width: 1024px) {
  .titleInfo .vlcol.mdc-md-3 {
    flex-basis: 50%;
  }
  #titleinfo {
    align-items: stretch;
    flex-wrap: wrap;
  }

  #titleInfoImage {
    flex-basis: 100%;
    display: flex;
    padding-left: 0;
    padding-right: 0;
    flex-direction: column;
    align-items: center;
  }
  #titleInfoImage.titleInfoImage-right {
    order: 0; /* put above when fullwidth basis: 100% */
  }

  #titleinfo > div#titleInfoImage a.imgLink {
    position: relative;
    top: 0;
  }

  .titleinfoPart-right {
    background: none;
  }
}



@media (max-width: 876px) {
  .tiles .bg {
    padding-top: 33.3%;
  }
  .tiles > a[href] {
    flex-basis: calc(50% - var(--tiles-spacing) / 2);
  }
}

/* wikiBlock */
@media all {

  .wikiBlock {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-3);
    margin: var(--spacing-3) 0;
  }

  .wikiBlock .thumb {
    padding: var(--spacing-3);
    background-color: var(--mdList-thumb-bgColor);
    flex-basis: var(--mdList-thumb-width);
    display: flex;
  }
  .wikiBlock .content {
    flex: 1 0 50%;
  }
  .thumb .tiles {
    flex-direction: column;
    flex: 1;
    margin: var(--spacing-2) 0;
  }
  .thumb .tiles .cap {
    background-color: var(--mdList-thumb-bgColor);
  }
  .thumb .tiles .cap::after {
    background-color: transparent;
  }

  .thumb .tiles a {
    flex: 0;
  }

  .thumb .tiles a:hover,
  .thumb .tiles a:hover .cap::after{
    color: var(--link-color);
    background-color: transparent;
  }

  .thumb .tiles .cap {
    background-color: var(--neutral-lightest);
  }
  .thumb h1 {
    color: var(--neutral-dark)
  }

  description {
    font-size: .8em;
  }
}



@media (max-width: 700px) {
  .wikiBlock .thumb {
    flex-basis: 100%;
  }
  .wikiBlock .thumb:not(:has(*)){
    display: none;
  }
}

@media (max-width: 850px) {
  .titleInfo .vlcol.mdc-sm-2 {
    flex-basis: 100%;
  }
}

@media (max-width: 840px) {
  .wiki > article > * {
    flex: 1 0 100%;
  }
}

@media (max-width: 860px) {
  .flexslider .flex-direction-nav .flex-prev,
  .flexslider:hover .flex-direction-nav .flex-prev  {
    left: var(--spacing-1);
    opacity: 1;
  }

  .flexslider .flex-direction-nav .flex-next,
  .flexslider:hover .flex-direction-nav .flex-next{
    opacity: 1;
    right: var(--spacing-1);
  }
}

@media (max-width: 600px) {

  #searchformMetadata tr, #searchformFulltext td, #outputOptions th {
    flex-wrap: wrap;
  }
  #searchformMetadata td.sruTerm, #searchformFulltext td > *:nth-child(2), #searchformFulltext td > *:first-child {
    flex-basis: 100%;
  }

  ul.vls-list > li *.thumb:after {
    display: none;
  }

  #mobileTop .vlsControl .button.glassindic {
    display: none;
  }

  #map {
    min-height: auto;
  }

  .bd-place #map {
    padding: var(--spacing-05);
  }

  #map .ol-zoom {
    display: none;
  }

  .list-view .button,
  .vlsControl.rightCtrl .button,
  .rightCtrl.toggle-cls {
    min-width: var(--button-top-width) !important;
    padding: 0 !important;
  }

  .vlsControl.rightCtrl .button > * {
    user-select: none;
  }
  .vlsControl.rightCtrl .button #searchInfoHeader {
    display: none;
  }

  .list-view .button span,
  .vlsControl.rightCtrl .button span, .rightCtrl.countRes {
    display: none;
  }

  .vlsControl.filterTitles .button::before {
    padding-right: 0;
  }

  .viewCtrl .cap.tab, .viewCtrl_sel .cap.tab {
    display: none;
  }
  .viewCtrl a::before, .viewCtrl_sel span::before {
    padding-right: 0;
  }

  main > .wiki,
  main > .cont {
    padding-top: 0;
  }

  #searchinfo.modern {
    max-width: 70vw;
  }

  .nps-details, .nps-list, .titleinfoPart-right {
    margin-left: 0;
    padding: 0;
  }
  .nps-details .definition {
    line-height: 1.5em;
  }


  .nps-details > .mdrow-metadata div {
    margin-bottom: var(--spacing-1);
  }

  ul.vls-list > li > *.miniTitleinfo {
    flex: 1 1 290px;
  }

  ul.vls-list > li > *, .mdrow-metadata > * > * {
    flex-basis: 100%;
  }

  ul.vls-list > li > *.thumb, .mdrow-thumb {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  ul.vls-list > li > *.mdinfo {
    text-align: right;
    padding-top: 0;
  }

  ul#pageFragments.vls-list > li > *.thumb {
    padding-bottom: 30px;
  }

  ul.vls-list > li > *.miniTitleinfo {
    margin-top: 0px;
  }

  ul#pageFragments.vls-list > li > .miniTitleinfo {
    flex-basis: 100%;
  }

  .customFooter > a.pb-eth {
    flex-grow: 1;
  }
}

@media (max-width: 566px) {

  .wiki article > .tiles {
    gap: calc(var(--tiles-spacing) / 2);
    margin: var(--spacing-3) auto;
  }
  .tiles > a[href] {
    flex-basis: 100%;
    height: initial;
    flex-direction: row;
    align-items: center;
  }
  .thumb .tiles a {
    flex-basis: 0;
  }
  .tiles > a > * {
    min-height: var(--tiles-cap-height);
  }

  .tiles .bg {
    background-position: 100%;
    flex-basis: 66px;
    padding: 18px;
  }

  .tiles .bg.svg {
    align-items: unset;
  }

  .tiles .bg svg {
    height: 40%;
    padding: 0;
  }
}


@media (max-width: 500px) {
  .hero .texts {
    flex-wrap: wrap;
  }

  .hero .texts > img {
    order: -1;
    max-width: 100%;
  }

  #topLogo:before {
    margin: -4px 0 0 -30px;
  }

  .hero .navs {
    display: block;
  }
}

@media (max-width: 414px) {
  #custom-menu-layer > div {
    width: 100vw;
  }
  #searchexpert {
    display: none;
  }

  .customFooter > * {
    padding: 12px 10px;
  }

  .customFooter .top img {
    height: 60px;
  }

  .hero .texts > i {
    display: none;
  }

  #navPort {
    padding-left: 10px;
  }

  .viewCtrl a, .viewCtrl_sel span {
    padding-left: var(--spacing-2);
    padding-right: var(--spacing-2);
  }

  .naviBar > .filterAlpha ul {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    /**/
    -ms-overflow-style: none;
  }

  .filterAlpha i.shift {
    display: none;
  }

  .searchbox.active #era-search-tabs {
    right: 0;
    left: 0;
  }

  .searchbox.active #era-search-tabs a {
    min-width: 100%;
  }
}

@media (max-width: 386px) {
  .chooseLanguage {
    right: 152px;
  }
}

@media (max-width: 375px) {

  ul.vls-list > li.pagingnav > *.miniTitleinfo {
    padding: 0 5px 0px 5px;
  }

  .headerNav .naviBar {
    display: block;
    text-align: right;
  }

  #listNavigation {
    width: 100%;
    top: 0;
  }

  #listNavigationBox {
    display: flex;
    flex-direction: column;
  }


  .titlesBar > .headertext {
    text-align: left;
  }

  .headerNav .naviBar {
    margin-bottom: 0;
  }

  .naviBar > * {
    flex: 1;
    width: 100%;
    min-height: var(--navbar-height);
  }
}

/* from suub/static/css/styles.css */
@font-face {
  font-family: Font-Heading;
  src: url('/suubcasual/domainresource/static/css/font/Barlow-Medium.ttf') format('truetype');
}

@font-face {
  font-family: Font-Bold;
  src: url('/suubcasual/domainresource/static/css/font/Barlow-Medium.ttf') format('truetype');
}

@font-face {
  font-family: Font-Regular;
  src: url('/suubcasual/domainresource/static/css/font/Barlow-Regular.ttf') format('truetype');
}

:root {
  --theme-color: #E5322D;
  --theme-color-light: #e9524c;
  --theme-color-lighter: #f3cfcd;
  --theme-color-lightest: #f4d8d7;
  --theme-color-alpha: #e5332d3b;
  --theme-secondary-color: #009DE0;
  --theme-secondary-color-light: #14a7e6;
  --theme-secondary-color-lighter: #eef8fc;
  --theme-secondary-color-lightest: #f3fbff;
  --theme-secondary-color-alpha: #009de042;

  --html-bgColor: var(--neutral-lightest);

  --tiles-width: 100%;
  --tile-caption-color: var(--body-font-color);

  --logo-width: 172px;
  --logo-height: 74px;
  --logo-spacing: 6px;

  --logo-url: url('/domainimage/SuUBLogoZentriertKT.gif');
  --logoM-url: url('/domainimage/connectors/footerLogoInstitution.png');
  --logoM-width: 62px;
  --logoM-height: 42px;

  --heroImg-url: url('/domainimage/hero.jpg');

  --customMenu-bgColor: var(--neutral-darkest);
  --customMenu-color: white;
  --customMenu-link-color: white;

  --wiki-h1-bgColor: var(--surface-bgColor);
  --wiki-h1: var(--surface-bgColor);
  --wiki-h1-borderColor: transparent;

  --mdList-title-fontWeight: normal;
  --mdList-thumb-width: 264px;
  --titleinfo-header-font: var(--body-font);

  --footer-borderColor: var(--theme-color);
  --footer-bgColor: var(--neutral-darkest);
  --footer-color: white;
}

.domainBox .menuheader {
  display: none;
}

/* propably base */
#bottomParts > footer {
  max-width: inherit;
}

#suubFooter {
  display: flex;
  font-size: .8em;
  height: 60px;
}

#suubFooter.left {
  align-self: end;
  color: #7A7A7A;
  font-weight: bold;
}

#suubFooter.right {
  margin: 5px 10px 0px 0px;
  text-align: right;
}

.sruForm .legend {
  padding: var(--spacing-2) 0;
}

/* titleinfo Tab Menu */

.viewCtrl_sel#tab-periodical-zoom {
  display: none;
}

.viewCtrl_sel span:after {
  display: none;
}

/* from suub.db.css */
/* patch r150383 */
.titleinfoPart-right, #titleinfo.titleinfoImage-right > .titleinfoPart-left {
    flex: 1;
}

/* wiki markdown transcription */

.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%;
}

