html {
    color: #000;
    font-size: 1em;
    line-height: 1.5;
  -webkit-text-size-adjust: 100%;
}

::-moz-selection {
    background: #def;
    text-shadow: none;
}

::selection {
    background: #def;
    text-shadow: none;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body, body * {box-sizing: border-box;}
body {font-family: Arial, Helvetica, sans-serif;line-height:1.5;margin:0}
body.fixed {overflow:hidden;width:100%;height:100%}

a {color:#999;text-decoration:none}
a:hover {color:#000}
a:active {color:#555}

p {margin:0 0 10px}

h1,h2,h3,h4, .download, .h1 {font-weight:bold;margin:0;text-transform:uppercase;}

h1,h2,.download, .h1 {font-size:15px;line-height:19px;margin:20px 0 10px}
h3 {font-size:13px;line-height:19px;font-weight:bold;text-transform:none}
h1 span, h2 span {color:#999}
.download {margin:0 0 20px}
.download span {text-transform:none}

.downloads span {text-transform:none;color:inherit}
.downloads h2 {margin:0}
.downloads {margin:0 0 20px}

#content :first-child h1 {margin-top:0}
#content :first-child h2 {margin-top:0}
#content .download a {text-decoration:none;color:#999}
#content .download a:hover {color:#000}

#menu h1, #menu .h1  {font-size:21px;line-height:25px;margin:0}

#document {}
/* THOMAS am 22.5.2019 START*/
#menu {background:#fff;width:100%;padding:20px 20px 30px;position:fixed;top:0;left:0;z-index:10}
/* THOMAS am 22.5.2019 ENDE*/
/* #menu {background:#fff;width:100%;padding:10px 20px;position:fixed;top:0;left:0;z-index:10} */
#content {padding:20px 20px;padding-top:23px;font-size:13px;line-height:19px}

#menu a {display:inline-block; color: #999}
#menu a:hover {color: #000}
#menu li.act a {color:#000}
#menu li.act a:hover {color:#000 !important}

#menu .menu-container {display:none}
#menu-website {font-size:21px;line-height:1.15;font-weight:bold;letter-spacing:0.0em;margin:15px 0 0;text-transform:uppercase;}
#menu-website li:last-child {border-bottom:1px solid #000;display:inline-block;padding-bottom:.8em}

#menu-section {font-size:15px;font-weight:bold;letter-spacing:0.0em;line-height:19px;margin:2.65em 0 0 1em;text-transform:uppercase;}
#menu-section a {margin:0 0 0 -1em;padding:0 0 0 1em}
#menu-section a span {text-indent:-1em;display:block}

#menu-section .section {display:none}
#menu-section .section.act {display:block}

#menu-trigger {position:absolute;right:0;top:0;padding:15px 20px;cursor:pointer;text-align:right}
#menu-trigger:before {content:"=";font-size:33px;line-height:15px;}

#menu.act {height:100%;overflow:scroll}
#menu.act .menu-container {display:block}
#menu.act #menu-trigger {}
#menu.act #menu-trigger:before {content:"×"}

#menu h1 a {color:#000}


#menu ul {list-style:none;padding:0}
#menu ul li {list-style:none;margin:0}

/* THOMAS am 22.5.2019 START*/
#menu-path h1 {
	/*color:#999;*/
}
/* THOMAS am 22.5.2019 ENDE*/

/* THOMAS am 22.5.2019 START*/
#menu-path {
	 position:fixed;
	 top: 40px;
	 z-index: 10;
	 height: 20px;
}
/* THOMAS am 22.5.2019 ENDE*/

/* THOMAS am 22.5.2019 START*/
#menu-path.unvisible {
	 display:none;
}
/* THOMAS am 22.5.2019 ENDE*/

#content {margin:50px 0 0}
#content ul {margin:0 0 18px;padding:0}
#content .ce-bodytext li {list-style:none;padding-left:.75em;position:relative;margin:0}
#content .ce-bodytext li:before {content:'›';width:1em;position:absolute;left:0;top:0}

body.default #content {display:none}
body.default #menu {height:100%}
body.default #menu .menu-container {display:block}
body.default #menu #menu-website {display:block}
body.default #menu #menu-section {display:none}
body.default #menu #menu-trigger {display:none}

body.default #menu-website li.cur a {color:#999}
body.default #menu-section li.act a {color:#999}
body.default #menu li.act a:hover {color:#000}


.ce-textpic {max-width:680px}
figcaption {margin:10px 0}

/* final styles */
.collection {margin:0 0 54px;min-height:155px;position:relative}
.collection .items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.item {cursor:pointer;margin:0 10px 0 0;width:auto}

.collection header {}
.item header {text-align:left;margin:1em 0 0}
.item header .description {}
.item header h2 {font-size:1.1em}
.item footer {display:none}

.file {display:block;margin:0}
.file img {
  display:block;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
}
img.image-lazy {display:none}
.inline .caption, .caption.show {display:block}
.inline .caption h2 {display:none}
.item .file {height:125px}
.item header {max-width:100px;max-height:7.5em}
.item .downloads {display:none}

.swiper-lazy-preloader {display:none}
.modal .swiper-lazy-preloader {display:block}

.modal {
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  width:100%;
  min-height:100%;
  background:rgba(255,255,255,.95);
  z-index:100;
  overflow:hidden;
  zzzdisplay:flex;
  zzzflex-direction:column;
  zzzalign-items:center;
}

.modal .items {height:100% !important}
.modal .collection {height:100%;margin:0}
.modal header {display:none;}
.modal footer {display:none;padding:0}
.modal .caption {display:block;width:auto !important}
.modal .caption h2 {display:block}
.modal .swiper-container{width:100%;height:100%}
.modal .item,
.modal .file {height:100%}


.modal h1 {margin:0 0 10px;display:inline-block;min-width:50%;text-align:left}
.modal .item {width:100%;margin:0;text-align:center;padding:15px}
.modal .column, .modal .row {display:block;height:100%;max-width:100%;overflow:hidden;pointer-events:all;}
.modal .flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction:column;
  -moz-box-direction:column;
  -ms-flexbox-direction:column;
  -webkit-flex-direction:column;
  flex-direction:column;
  height:100%;
  width:100%;
  justify-content:center;
}

.modal .item header {max-width:initial;max-height:initial;}
.modal .file {height:auto;max-height:100%;margin:auto 0;
  -webkit-box-flex:1 100 auto;
  -moz-box-flex:1 100 auto;
  -webkit-flex:1 100 auto;
  -ms-flex:1 100 auto;
  flex:1 100 auto;
  position:relative;
  width:100%;
}
.modal .caption .downloads {margin:10px 0 0;display:block}
.modal .download {margin:0 0 10px;padding:0;display:none}
.modal .file .downloads {margin:0 0 10px;display:none;text-align:left}
.modal .books .caption .downloads {display:block}

.modal .swiper-lazy {display:block;position:absolute;max-height:100%;max-width:100%}
.modal .nomodal {display:none}
.modal img {display:none}
.modal img.swiper-lazy-loaded {display:block}


.nav {
  background:rgba(255,255,255,.8);
  position:absolute;
  height:125px;
  left:0px;
  top:0;
  border:none;
  z-index:9;
  color:transparent;
  outline:none;
  width:40px;
  opacity:0;
  padding:0 10px 0 0;
  cursor:pointer;
}
.next {
  border-right:none;
  left:auto;
  right:0;
  padding:0 0 0 10px
}
.prev:before, .next:before {
  background:transparent url(../Images/left.svg) no-repeat left center;
  content: '';
  width:100%;
  height:100%;
  display:block;
  opacity:.35
}
.next:before {
  background:transparent url(../Images/right.svg) no-repeat right center;
}

.modal .swiper-controls {position:absolute;width:100%;height:100%;z-index:1}
.modal .swiper-wrapper {position:absolute;z-index:2;pointer-events:none}
.modal .nav {width:50%;height:100%;background:none;padding:20px}
.modal .nav:before {background-color:transparent}
.modal .close {
  background:transparent url(../Images/cross.svg) no-repeat center center;
  position:absolute;
  left:auto;
  right:0;
  top:0px;
  z-index:9;
  width:65px;
  height:65px;
  opacity:.35;
  display:none;
  padding:0;
  z-index:999
}
.swiper-button-disabled {display:none}
.modal .swiper-button-disabled {display:none}
.modal footer, .modal footer.download {text-align:left}

@media only screen and (max-width: 770px) and (orientation : landscape) {

  .modal .collection {padding:0}
  .modal .item .flexbox {
    -webkit-box-direction:row;
    -moz-box-direction:row;
    -ms-flexbox-direction:row;
    -webkit-flex-direction:row;
    flex-direction:row;
    height:100%;
    width:100%;
    -webkit-flex-align:center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items:center;
  }
      .modal .item .file {
          height:auto;
          width:55%;
          margin:0;
  -webkit-box-flex:1 1 auto;
    -moz-box-flex:1 1 auto;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
  }
  .modal .item .file img {
    position:initial;
  }
  .modal .item header {
          height:auto;
          width:40%;
          margin:0 auto 0 5%;
  }
  .modal .item .caption .downloads {display:block}
  .modal .item footer.download {display:none}

 }

@media only screen and (min-width: 750px) {

  body.default #content {display:block}
  body.default #menu #menu-section {display:block}
  body.default #menu {height:auto}
  body.default #menu li.act a {color:inherit}
  body.default #menu-section section.act .act a {color:#000 !important}

  #content {margin:0 0 0 266px}
  #menu .menu-container {display:block}
  #menu {width:296px}
  #menu-trigger {display:none}

  .modal {text-align:center;background:rgba(255,255,255,.95);padding:0}
  .modal .download {display:block}
  .modal .file .downloads {display:block}
  .modal .items {}
  .modal .close {display:block}
  .modal .close:hover {opacity:1}
  .modal .swiper-container{height:100%}

  .modal .item {padding:0 50px}
  .modal .item footer {display:block;text-align:left}

  .modal .item header {flex:1 0 auto}
  .modal .item .nomodal {display:none}

  .modal .item footer {display:block}
  .modal .inline footer {display:none}

  .modal .item header h2 {display:none}
  .modal .inline header h2 {display:block}
  /*
  .modal .item header {}
  .modal .close {display:block}

  .modal .file {display:inline-block;min-width:50%;height:80%}
  .modal .file img {}
  */
  .modal .inline {}
  .modal .inline .file {width:auto}
  .modal .file img {max-height:90%}
  .modal .inline header {}

  .modal .inline .flexbox {
  -webkit-box-direction:row;
    -moz-box-direction:row;
    -ms-flexbox-direction:row;
    -webkit-flex-direction:row;
    flex-direction:row;
    height:100%;width:100%;justify-content:center;-webkit-justify-content:center;-webkit-align-items: center;align-items:center}
  .modal .inline .file {height:auto;margin:0 20px 0 0;}

  .modal .books .caption .downloads {display:none}

  .modal .swiper-lazy {position:initial}
  .modal .column {padding:15px;display:inline-block}
  .modal .column .file {
    -webkit-box-flex:1 1 auto;
    -moz-box-flex:1 1 auto;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    height:80%;
    overflow:hidden;
    margin:0;
    width:auto;
    display:flex;
    -webkit-flex-align:center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items:center;
  }
  .modal .books .file {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction:column;
    -moz-box-direction:column;
    -ms-flexbox-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column;
    height:100%;
    justify-content:center;
    margin: 0 20px 0 0;
    -webkit-flex-align:flex-start;
    -webkit-box-pack: flex-start;
    -moz-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    -webkit-flex-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items:flex-start;
    }
  .modal .column header {
    -webkit-box-flex:0 0 auto;
    -moz-box-flex:0 0 auto;
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
  }

  /* THOMAS am 22.5.2019 START*/
  #menu-path {
	 display:none;
	}
  /* THOMAS am 22.5.2019 ENDE*/

}


@media only screen and (min-width: 1020px) {
  .collection:hover .next,.collection:hover .prev{opacity:1}
  .nav:hover:before {opacity:1}

  .nav:active:before {opacity:.35}

  /* THOMAS am 22.5.2019 START*/
  #menu-path {
	 display:none;
	}
  /* THOMAS am 22.5.2019 ENDE*/
}

.books .caption .description, .periodicals .caption .description {display:none}
.modal .books .caption .description, .modal .periodicals .caption .description {display:block}


.page-loader {position:fixed;width:100%;height:100%;background:rgba(255,255,255,.9);z-index:999}
.page-loader div {display:block}

/* Update 2024 - Anfang */
#menu > div.h1 > a {color:#000 !important}
#menu-section .section.act ul li {color:#999}
#menu-section .section.act ul li.act {color:#000 !important}
/* Update 2024 - Ende */