@font-face {
  font-family: 'Scala';
  font-style: normal;
  font-weight: normal;
/*  font-variant: normal;*/
  src:  url('ScalaOT.otf') format("opentype");

}

@font-face {
  font-family: 'Scala';
  font-style: italic;
  font-weight: normal;
/*  font-variant: normal;*/
  src: url('ScalaOT-Ita.otf') format("opentype");
}


@font-face {
  font-family: 'Scala';
  font-style: normal;
  font-weight: bold;
/*  font-variant: normal;*/
  src: url('ScalaOT-Bold.otf') format("opentype");
}


@font-face {
  font-family: 'Scala';
  font-style: italic;
  font-weight: bold;
  src: url('ScalaOT-BoldIta.otf') format("opentype");
}


@font-face {
  font-family: 'ScalaSans';
  font-style: normal;
  font-weight: normal;
  src: url('ScalaSansOT.otf') format("opentype");

}

@font-face {
  font-family: 'ScalaSans';
  font-style: italic;
  font-weight: normal;
  src: url('ScalaSansOT-Ita.otf') format("opentype");
}

@font-face {
  font-family: 'ScalaSans';
  font-style: normal;
  font-weight: bold;
  src: url('ScalaSansOT-Bold.otf') format("opentype");
}

@font-face {
  font-family: 'ScalaSans';
  font-style: italic;
  font-weight: bold;
  src: url('ScalaSansOT-BoldIta.otf') format("opentype");
}

.invisible{
  display:none;
}
body {
  margin:0em 2em 0em 2em;
  font-size:1em;
  font-family: 'Scala', serif; 
  font-weight:normal;
  font-style:normal;
  line-height:1.4; 
  height:100%;
  max-width:100em;
  font-variant-numeric: oldstyle-nums;
  background-color:#ffffe0;
/*  hyphens:auto;
  -moz-hyphens:auto; */
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 2;
  -ms-hyphenate-limit-chars: 6 3 2;
  hyphenate-limit-chars: 6 3 2;
  -webkit-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  orphans: 2;
  widows:2;
}
#sticky-bounding {
  height: 50em;
  margin-bottom:-38em;
}
:target {
  background-color:#eee;  
}
mark:target, mark.pseudotarget:target {
  background-color:yellow;
  z-index:100;
}

div.figure.imagepart, div.figure.introduction{
  display:inline-block;
  text-indent:0;
  color:#000;
  clear: both;
  font-size: 0.9em;
  line-height: 1.3;
  margin-bottom: 3em;
  margin-right: 0;
  width: 100%;
  max-width: 100%;
  position:relative; 
  vertical-align: baseline;
  font-family:'Scala', serif;
}

div.blockquote {margin-left:1.5em;}
.Zitate_Serif {font-family:'Scala', serif; font-size:1.09em;}
span.hs {font-size:0.1em; line-height:0;}

td.marker, td.term {vertical-align:top;}
td.marker, td.term {width:auto;}
table {margin:1em 0; }

td.Zellenformat {
  font-family: 'ScalaSans',sans-serif;
  font-style: normal;
  font-weight: normal;
  }
  
 td.Zellenformat-klein-kopf {
  font-family: 'ScalaSans', sans-serif;
  font-style: normal;
  font-weight: bold;
  }
  
table.BC_orderedlist, table.BC_variablelist  {font-weight:normal; width:100%;}

p.Register_U2, p.Register_h2 {font-weight:bold; margin-top:2em;}
p.Register_U2 + table td.term, p.Register_h2 + table td.term {width:25% !important;}

div.figure {
  display:inline-block;
  text-indent:0;
  color:#999;
  clear: both;
  float: right;
  font-size: 0.9em;
  line-height: 1.3;
  margin-bottom: 0;
  margin-right: -45%;
  margin-top: 0;
  width: 40%;
  max-width: 40%;
  position:relative; 
  vertical-align: baseline;
}

div.figure img  {
  max-width:100%;
}

div.figure img + img {
  margin-top:0.5em; 
}

div.figure.imagepart span.image-number {
  font-weight:bold;
  color:#cc0000; 
}

div.figure.imagepart p {
  margin-top:0.75em;
}

figure.appendix:target { 
  padding:0.5em; 
  border:1px solid #cc0000; 
  scroll-margin-top:0 !important; 
  background-color:transparent;
  }

h1 {text-align:center; font-size:1.5em; font-weight:bold; margin-bottom:0em; }
h1.Kolumnentitel_gest_rzt {font-size:0em; margin:0em;}

h2.Kapitel_berschrift, h2.Kapitel_berschrift_Einleitung_-_ohneUmbruch{
  margin-top:1em; 
  font-family: 'ScalaSans', sans-serif; 
  font-weight:normal;
  font-style:normal;
  font-size:140%;
  }
  
h2.Kapitel_berschrift_Einleitung_-_ohneUmbruch{
  margin-top:0em; 
  }
  
div.orig-text > h2.Urtext__berschrift:first-child {margin-top:0em; font-size:1.25em; text-align:center;}
div.orig-text > h2.Kapitel_berschrift:first-child {margin-top:0em;}

h2.Einleitung_U2{
  margin-top:1em; 
  font-family: 'ScalaSans', sans-serif; 
  font-weight:normal;
  font-style:italic;
  font-size:1.15em;
  margin-bottom:0;
  }
  
p.subtitle {text-align:center; font-size:1.25em; font-weight:bold; margin-top:0em;}
p {margin:0; font-size:1.15em;max-width: 60em;}

.infowindow p {max-width: 100%;}

p.Urtext, p.Urtext_alte_Rechtschreibung {
  font-weight:bold; 
  font-style:normal; 
  text-indent:1em; 
  margin:0; 
  letter-spacing:0.5px; 
  font-size:1.25em;
  }
p.Urtext_o_EZ, p.Urtext_o_EZ_center, p.liste-num { 
  font-weight:bold; 
  font-style:normal; 
  text-indent:0em; 
  margin:0; 
  letter-spacing:0.5px;
  font-size:1.25em;
  /*! font-family: Scala; */
  }
  
p.Urtext_o_EZ_center {text-align:center;}

p.Einleitung, p.Einleitung + ul,  p.Einleitung_Einzug + ul, p.Einleitung + ol,  p.Einleitung_Einzug + ol,  p.Einleitung_Einzug + table.BC_orderedlist, div.figure {
  font-family: 'ScalaSans', sans-serif; 
  font-weight:normal;
  font-style:normal;
  }
  
p._1_LZ, p.Einleitung_LZ {
  margin-top:1em; 
  font-family: 'ScalaSans', sans-serif; 
  font-weight:normal;
  font-style:normal;
  }
  
p.Einleitung_Einzug, p.Einleitung_EZ {
  text-indent:1em;
  font-family: 'ScalaSans', sans-serif; 
  font-weight:normal;
  font-style:normal;
  }
  
p.Anhang_txt, p.Lit {text-indent:-1em; margin-left:1em;}
p.Ders, p.DERS_ { margin-left:1em;}
p.liste-alphanum-edit{margin:0em;}
p.Register {text-indent:-1em; margin-left:1em;}
p.Register_Unterpunkt {text-indent:-1em; margin-left:2em;}
p.LZ_vor {margin-top:1em;}
p.LZ_5_vor {margin-top:6.4em;}
p.stern span.top {vertical-align:0.4em;}

/*zeichenformate*/
span._-kursiv-ausGesperrt, span._-kursiv, span.italic, span.Kap_italic {font-style:italic;}
span._-kursiv-ausFettGesperrt {font-style:italic; font-weight:bold; text-shadow: 0.25px 0.25px 1px black;}
span.bold {font-weight:bold;}
span.br_llen, span._-fett-ausGesperrt {font-weight:bold; font-family: 'ScalaSans', sans-serif; font-style:normal; letter-spacing:0; text-shadow: 0.25px 0.25px 1px black;}
span._-kursiv-ausGesperrt{}
span.Kapit_lchen_regular, span.Kap_italic {font-family: 'Scala', serif; letter-spacing:0.5px; font-variant:small-caps;}
span.hoch, sup {line-height:0;}

.MarginalieSchreibweise {
  font-weight:normal;
  font-weight:normal;
  font-family:'Scala', serif;
  text-indent:0;
  color:#333399;
  clear: right;
  float: right;
  font-size: 0.8em;
  line-height: 1.3;
  margin-bottom: 0;
  margin-right: -42%;
  margin-top: 0;
  width: 40%;
  /*! position:relative; */ 
  vertical-align: baseline;
  text-align:left !important;
  text-align-last:left !important;
}
span:target > a[href] {
  padding:0 0.1em 0.2em 0.1em;
}
a.SchreibweisenRef:target {
  padding-bottom:0.1em;
}
span:target {
  background-color:transparent;
}

.pseudotarget{
  background-color: #eee;
}

#home-icon {
  margin-bottom:-0.8em;
}

p.stern {
  text-align:center;
  font-size:1.44em;
  margin:0.5em 0em;
}
aside.footnote {
  margin-bottom: 1.1em;
  padding:0.3em;
}

aside.footnote.intro p.Kommentare-Vgl, div.footnote.intro p.Kommentare-Vgl { 
  font-style:normal;
  font-size:1.15em;
}
span.MarginalieSchreibweise:target {
  color:black;
  padding-top:10em;
  margin-top:-10em;
  background-color: rgb(238, 238, 238);
  background-clip: content-box;
}
span.result-info {
  font-weight: normal;
  font-style: normal;
}

.footnote.intro span.Vgl-Kommentarbeginn {
  font-style:normal;
  font-size:1em;
}
div.orig-text > p.Kommentare {
  margin-top:1em;
  font-size:0.9em;
}

p.Bildunterschrift {
  margin:0.5em 0 1.5em;
}

div.orig-text div.figure.collection img{
  width:70%;
}
div.orig-text div.figure.collection:hover img{
   width:30%;
   margin-right:1%;
}
span.KommentarNum a {
  font-weight: bold;
  font-size:100%;
  color:#cc0000;
}

#savetoc { display: none; }

div.toc ol.toc-list {
  margin-bottom:1em;
}

a#menu-bar {
  display:inline;
  margin-top:0.5em;
  padding:0em 0.3em; 
  width:0.75em; 
  background-image: url(../images/menu.svg)  ;
  background-repeat: no-repeat;
}

div.page-selector {
  display: inline;
  float:none;
  font-family:'ScalaSans', sans-serif;
  color:#555;
  margin-left:1rem;
  vertical-align: top;
  padding-top: 0.3rem;
}  
div.page-selector button{
  width: 45px;
  color: #cc0000;
}

div.page-selector input[type="text"] {
  width: 50px;
  border: 1px solid #aaa;
}

.blurred{
  filter: blur(1.5rem);
}

div.toc a{
 color:#cc0000;
}

[id]{
  scroll-margin-top:200px;
}

a.now, a.searchresult{
  font-weight:bold;
}

a.searchresult.now{
 background-color:yellow;
 padding:1px;
}

#nav-toc .searchresult.visited{
 color:#555555 !important;
}

ol.toc-list {list-style-type:none;padding:0; margin:0;}
ol.toc-list li {list-style-type:none; text-indent:-1em; margin-left:1em; }
.toc-entry {font-variant-numeric: lining-nums;}
#nav-toc { 
  font-size:92%; 
  z-index:150; 
  position:absolute; 
  background-color:#ffffe0;
/*  background-color:#ffffef;*/
  display:none; 
  padding:1em 1.5em 1em 1em; 
  margin-left: -1em;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  box-shadow: 0 15px 15px 0 rgba(0,0,0,.5);
  position:fixed;
}

.directionslink, .copyrightlink, .privacylink, .btn-pointer { 
  cursor:pointer;
}
.infowindow .header{
  height:auto;
  display:flex;
  flex-direction: row;
  justify-content:space-between;
  align-items:baseline;
}

.infowindow .header .closebutton{
  margin:5px;
  cursor:pointer;
  font-weight:bold;
}

.infowindow .content{
  overflow-x:hidden;
  height:95%;
}

.infowindow ul{
 margin-top: 0em;
}

div.infowindow {
  font-family: 'ScalaSans', sans-serif;
  margin-top:0em;
}

div.infowindow h1 {
  margin-bottom:1.3em;
  font-weight:bold;
  font-size:1.5rem;  
}

div.infowindow h2 {
  margin:1.8em 0 1em 0;
  font-weight:bold;
  font-size:1.1rem;
}

div.infowindow h3 {
  margin:1.3em 0 0 0;
  font-weight:bold;
  font-size:1rem;
}

div.infowindow p i {
  font-family: 'ScalaSans', sans-serif;
  font-style: italic !important;
  font-weight: normal;
}

div.infowindow div.figure.introduction {
  margin:2em 0em 2em 0em;
}

ol.mini-toc {
  padding-left:1em;
  margin-bottom:2rem;
}
div.next-page{
  grid-column:2;
}
div.next-page a {
  text-decoration:none;
    color:#cc0000;
}

div.previous-page{
  grid-column:1;
}
div.previous-page a {
  text-decoration:none;
    color:#cc0000;
}

a.biblio-link { color:#000; }

a {
  text-decoration: none;
}
a.volI  {
  color:rgb(77, 128, 0) 
}

a.volII  {
  color:rgb(175, 31, 36)
}

td.marker, td.term {vertical-align:top;}
td.marker, td.term {width:auto;}
table {margin:1em 0; }

table.BC_orderedlist, table.BC_variablelist  {font-weight:normal; width:100%;}

p.Register_U2, p.Register_h2 {font-weight:bold; margin-top:2em;}
p.Register_U2 + table td.term, p.Register_h2 + table td.term {width:25% !important;}


div.column-head {
  font-family:'Scala', serif;
  font-variant:small-caps;
/*  font-weight:bold;*/
  text-align:left; 
  letter-spacing:1px;
/*  background-color:#ffffe0;*/
/*  padding:5.3em 0 0.2em;*/
  color: RGB(121, 123, 118);
/*  grau */
/*  color:RGB(77, 128, 0);*/
  /*font-size:1.1em;*/
  width:100%;
  font-size:1.25em; 
  align-self: end;
}

p.title a {
  text-decoration:none;
    color:#cc0000;
}

p.title { 
  font-weight:bold;
}
span#page-btn-text-small {
  display:none; 
  color:#cc0000;
}

.search-doc {
  font-family: 'ScalaSans', sans-serif;
  font-size:0.9em;
  max-width: 60em;
  margin-bottom: 1em;
  margin-top: .5em;
 /* color:#000;*/
}
.toc-note {
  font-family: 'ScalaSans', sans-serif;
  font-size:0.9em;
  max-width: 60em;
  margin-top: 1em;
/*  color:#000;*/
}
span.KommentarNum a {
  font-weight: bold;
  font-size:100%;
  color:#cc0000;
}
p.Kommentare-vgl, p.Kommentare-Vgl {
  margin-top:0.3em;
  font-style:italic;
  line-height:1.35em;
  font-size:1.025em;
}
span.Fussnoten_im_Text a, a.ref, a.pageref, a.imgref, a.ext, aside a.volI, aside a.volII, div.legal a {
    color:#cc0000;
}
span.Fussnoten_im_Text {
    color:#cc0000;
    font-size:75%;
    padding-bottom:0.1em; 
    bottom:0.1em;
    vertical-align:super;
    line-height:1;
    font-weight:bold;
}
span.SchreibweisenRef a{
    color:#333399;
    font-weight:bold;
}
span:target > a[href], a.SchreibweisenRef:target {
  color:white;
  background-color:black;
  font-weight:bold;
}
a.SchreibweisenRef:target {
  padding-bottom:0.1em;
}
.pseudotarget{
  background-color: #eee;
}

div.comment-notes.empty{
  overflow-x: hidden;
}

#nav-toc ol a {color:#cc0000;}
#nav-toc ol {margin-left:0em; padding:0;}

ol.toc-list {list-style-type:none;padding:0; margin:0;}
ol.toc-list li {list-style-type:none; text-indent:-1em; margin-left:1em; }
.toc-entry {font-variant-numeric: lining-nums;}

ol#toc-list {
  overflow-y:auto;
  max-height:500px;
  margin-top:1ex; }
ol.toc-entry-list {display:none;}

@media only screen and (min-width: 10em) {
  body {
    margin: 0 1em 0 1em;
  }
  
  header{
    padding-top:0.5em;
    display: -ms-grid;
    -ms-grid-columns:50% 50%;
    display: grid;
  /*  grid-gap: 30px 0;*/
    grid-template-columns: 50% 50%;
    padding-top:0.5em;
    padding-bottom:0.75em;
    position:sticky; 
    top:0;
    z-index:40;
    background-color:#ffffe0;
    width:100%;
    max-width:100em;
    overflow:visible !important;
    text-decoration: none;
    color:#cc0000;
    font-size:1em;
  }
  #nav-toc { 
    font-size:92%; 
    z-index:150; 
    background-color:#ffffe0;
  /*  background-color:#ffffef;*/
    display:none; 
    padding:1em 1.5em 1em 1em;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    box-shadow: 0 15px 15px 0 rgba(0,0,0,.5);
  }
  
  #search-doc {
    display:none;
  }
  
  #search-doc-btn {
    display:block;
  }
  ol#toc-list {
    overflow-y:auto;
    max-height:25em;
    margin-top:1ex; 
  }
  #results {
    height:80%;
  }
  #chaptertitle{
    grid-column-start:1;
    grid-column-end:3;
    grid-row:1;
    display:block;
  }
  
  div.page {
    grid-column-start:1;
    grid-column-end:3;
    display:grid;
    grid-template-columns: 50% 50%;
    display: -ms-grid;
    -ms-grid-columns:50% 50%;
    width:100%;
    margin:10px 0 10px 0;
    font-size:90%;
    height:2em;
  }
      
  div.orig-text div.figure:hover{
    float:left;
    clear:both;
    margin-right: 0;
    width:170%;
    max-width:100vw;
    margin-left: -5%;
  }
  div.previous-page {
    overflow:hidden;
    text-overflow: ellipsis;
    padding-right: 5px;
    white-space:nowrap;
    display:inline;
  }
  div.next-page{
    overflow:hidden;
    text-overflow: '... »';
    padding-left: 5px;
    white-space:nowrap;
    text-align:end;
  }
  .page-selector label {display:none;}
  #search-menu-container{
    grid-column-start:1;
    grid-column-end:4;
    grid-row:3;
    display:inline;
  }
  
  div.column-head{
    grid-column-start:1;
    grid-column-end:3;
    grid-row:4;
    margin: 0;
    text-align:center; 
    height:100%
  }
  
 .container.title-page {
  /*  height: 60vh;*/
    color: #563612;
    display: grid;
    width:100%;
    grid-template-columns: 50% 50%;
  }
  
  div.on-page-legal{
    padding-bottom:35vh;
  }
  
  div.ifzlogo{  
    -ms-grid-column: 1 / span 2;
    -ms-grid-row: 4;
    grid-column: 1 / span 2;
    grid-row: 4;
    align-self: end;
    margin:15px 0 15px 0;
  }
  div.ifzlogo img {
    max-width:90vw;
    height: auto;
    object-fit: contain;
  }
  div.book-title {
    -ms-grid-column: 1 / span 2;
    -ms-grid-row: 1;
    grid-column: 1 / span 2;
    grid-row: 1;
    min-height:37em;
    overflow: auto;
    background-color: #c4c6c8;
    margin:0;
    padding:0;
    margin:0;
  }
  div.subhead-title {
    -ms-grid-column: 1 / span 2;
    -ms-grid-row: 1;
    grid-column: 1 / span 2;
    grid-row: 1;
    height:74vh;
    overflow: auto;
    background-color: #c4c6c8;
    margin:0;
    padding:0;
    margin:0;
  }
  div.editors{  
   font-size: 110%;
  }
  div.collaboration{  
    font-size: 80%;
  }
  div.contributors { 
    -ms-grid-column: 1 / span 2;
    -ms-grid-row: 2;
    grid-column: 1 / span 2;
    grid-row: 2;
    font-family: 'ScalaSans', sans-serif; 
    display:flex;
    flex-flow:column;
  /*  justify-content:space-between;*/
    row-gap:1.5rem;
  }
  div.extra {
    -ms-grid-column: 1 / span 2;
    -ms-grid-row: 3;
    grid-column: 1 / span 2;
    grid-row: 3;
   /* font-size: 110%;*/
    font-family: 'ScalaSans', sans-serif; 
    color: #563612;
    padding:0;
    display:flex;
    flex-flow:column;
    justify-content:flex-end;
  }
  
  div.commissioned {
    color: #563612;
    padding:0;
    margin-top:3ex;
    margin-bottom:-0.75ex;
  }
  div.blockquote {
    font-size:90%;
  }
  div.legal { 
    font-size:80%;
    -ms-grid-column: 1 / span 2;
    -ms-grid-row: 5;
    grid-column: 1 / span 2;
    grid-row: 5;
    font-family: 'ScalaSans', sans-serif; 
    display:flex;
    flex-flow:row;
    justify-content:end;
    column-gap:1.5rem;
    margin-top:2ex;
  } 
  div.book-title a {
    color:inherit;
  }
  div.book-title > div.main, div.subhead-title > div.main {
    padding:1em;
    font-family: 'Scala', serif;
    font-weight:normal;
    font-style:normal;
    text-align: left;
  }
  
  div.book-title > div.main h1, div.subhead-title > div.main h1 {
    font-weight: bold;
    font-size: 300%;
    text-align: left;
    margin:0;
    line-height:1;
  } 
  
  div.book-title > div.main h2, div.subhead-title > div.main h2  {
    font-size: 300%;
    text-align: left;
    margin:0;
    font-weight:normal;
    line-height:1;
    margin-bottom:1.5ex;
  } 
  .infowindow {
    top: 10%; 
    left: 2.5%;
    right: 2.5%;
    border-radius: 7px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
    height:75%;
    font-size:92%; 
    z-index:40; 
    position:fixed; 
    background-color:#ffffe0;
    padding:1.5em 1.75em 1.5em 1.5em; 
  }
  div.comment-notes {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    display:block;
    width:calc(98% - 2em);
    clear:both;
    margin-right:0%;
    margin-top:1em;
    order:2;
    font-size:70%;
    height:20%;
    bottom: 0em;
    padding-top: 2em;
    background-color: #ffffe0;
    -webkit-transform:translateZ(1px);
    transform:translateZ(1px);
    position: fixed;
    z-index: 10;
    max-height:74vh;
    overflow-x:scroll;
    overflow-y:scroll;
    border-top:1px solid #cc0000;
  }
  div.comment-notes.empty {
    display:none;
  }
  div.orig-text { 
    display:block;
    -webkit-transform: translate3d(0,0,0);
    width:70%;
    clear:both;
    order:1;
    font-size:120%;
    margin-bottom: 0em;
  }
  div.orig-text > p, div.orig-text > ul p{
    font-size:90%;
  }
  ul.nomark {
    font-size:100%;
  }
  .sidebar {
    font-size:80%;
  }
  table.BC_orderedlist {
    font-size:80%;
  }
  table.BC_variablelist {
    font-size:80%;
  }
  p.liste-num-edit {
    font-size:90%;
  }
}

@media only screen and (min-width: 25em) {
  #chaptertitle{
    font-size:inherit;
  }
  #nav-toc { 
    font-size:92%; 
    z-index:150; 
    background-color:#ffffe0;
  /*  background-color:#ffffef;*/
    display:none; 
    padding:1em 1.5em 1em 1em; 
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    box-shadow: 0 15px 15px 0 rgba(0,0,0,.5);
  }
  .page-selector label {display:inline;}
}
@media only screen and (min-width: 50em) {
  header{
    padding-top:0.5em;
    display: -ms-grid;
    -ms-grid-columns:37% 5% 58%;
    display: grid;
  /*  grid-gap: 30px 0;*/
    grid-template-columns:37% 5% 58%;
    padding-top:0.5em;
    padding-bottom:0.75em;
    position:sticky; 
    top: 0;
    z-index:40;
    background-color:#ffffe0;
    width:100%;
    max-width:100em;
/*    height: 10em;*/
    overflow:visible !important;
    text-decoration: none;
    color:#cc0000;
  }
  #nav-toc { 
    font-size:92%; 
    z-index:150; 
    background-color:#ffffe0;
  /*  background-color:#ffffef;*/
    display:none; 
    padding:1em 1.5em 1em 1em; 
    margin-left: -1em;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    box-shadow: 0 15px 15px 0 rgba(0,0,0,.5);
  }
  
  #search-doc {
    display:block;
  }
  
  #search-doc-btn {
    display:none;
  }
  div.page {
    grid-column:2 / span 2;
    grid-row:1;
    display:grid;
    grid-template-columns: 50% 50%;
    display: -ms-grid;
    -ms-grid-columns:50% 50%;
    width:100%;
    font-size:90%;
    height: 100%;
  }
    
  div.orig-text div.figure:hover{
    float:left;
    clear:both;
    margin-right: 0;
    width:170%;
    max-width:100vw;
    margin-left: -35%;
  }
  div.previous-page {
    overflow:inherit;
    white-space:inherit;
  }
  div.next-page{
    overflow:inherit;
    white-space:inherit;
    padding-left: 5px;
    text-align:end;
  }
  #chaptertitle{
    grid-column:1;
    grid-row:1 / span 2;
    display:block;
    padding-right:1em;
  }
  
  .page-selector label {display:inline;}
  
  #search-menu-container{
    grid-column:1 / span 2;
    grid-row:3;
    display:inline;
  }
  
  div.column-head{
    grid-column:2 / span 2;
    grid-row:2 / span 2;
    margin: 0 0 0 0;
    text-align:left; 
  }
  
  div.container { 
    display: -ms-grid;
   -ms-grid-columns: 35% 2% 43% 20%;
   display: grid;
   grid-template-columns: 35% 2% 43% 20%;
   max-width:100em;
  }
  div.orig-text{  
   margin-top:0;
   -ms-grid-column: 3 / span 1;
   -ms-grid-row: 1;
   grid-column: 3 / span 1;
   grid-row: 1 / span 1;
   font-size:1em;
   margin-bottom: 0;
   width:100%;
  }
  div.orig-text > p {
    font-size:1em;
  }
  div.comment-notes {
    font-family: 'Scala', serif;
    font-weight:normal;
    font-style:normal;
    overflow-x:scroll; 
    overflow-y:scroll;
    padding:0em 0em 1em 0em;
    max-height:90vh;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-column: 1 ;
    grid-row: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    height:inherit;
    max-height:74vh;
    overflow-x:scroll;
    overflow-y:hidden;
  /*  hyphens: auto;*/
    background-color:#ffffe0;
    transform:translate3d(0,0,0);
    z-index:10;
    position:inherit;
    border-top:none;
    font-size:1em;
    width:inherit;
  }

  
  div.ifzlogo{  
    -ms-grid-column: 1 / span 1;
    -ms-grid-row: 1;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
    align-self: end;
  }
  .container.title-page {
  /*  height: 60vh;*/
    color: #563612;
    display: grid;
    grid-template-columns: 35% 2% 41% 2% 20%;
    grid-template-rows: 70vh 5vh;
  }
  
  div.on-page-legal{
    padding-bottom:2vh;
  }

  div.book-title, div.subhead-title {
    -ms-grid-column: 3 / span 1;
    -ms-grid-row: 1;
    height:74vh;
    min-height: auto;
    overflow: auto;
    background-color: #c4c6c8;
    grid-column: 3 / span 1;
    grid-row: 1 / span 1;
    margin:0;
    padding:0;
    margin:0;
  }
  div.book-title a {
    color:inherit;
  }
  
  div.book-title{
      height:70vh !important;
  }
  
  div.book-title > div.main, div.subhead-title > div.main {
    padding:1em;
    font-family: 'Scala', serif;
    font-weight:normal;
    font-style:normal;
    text-align: left;
  }
  
  div.book-title > div.main h1, div.subhead-title > div.main h1 {
    font-weight: bold;
    font-size: 300%;
    text-align: left;
    margin:0;
    line-height:1;
  } 
  
  div.book-title > div.main h2, div.subhead-title > div.main h2  {
    font-size: 300%;
    text-align: left;
    margin:0;
    font-weight:normal;
    line-height:1;
    margin-bottom:1.5ex;
  } 
  div.editors{  
    font-size: 110%;
  }
  div.collaboration{  
    font-size: 80%;
  }
  div.contributors { 
    grid-column: 5 / span 1;
    grid-row: 1 / span 1;
    font-family: 'ScalaSans', sans-serif; 
    display:flex;
    flex-flow:column;
  /*  justify-content:space-between;*/
    row-gap:1.5rem;
  }
  div.extra {
    grid-column: 5 / span 1;
    grid-row: 1 / span 1;
   /* font-size: 110%;*/
    font-family: 'ScalaSans', sans-serif; 
    color: #563612;
    padding:0;
    display:flex;
    flex-flow:column;
    justify-content:flex-end;
  }
  
  div.commissioned {
    color: #563612;
    padding:0;
    margin-top:3ex;
    margin-bottom:-0.75ex;
  }
  div.blockquote {
    font-size:100%;
  }
  div.legal { 
    font-size:80%;
    grid-column: 3 / span 1;
    grid-row: 2 / span 1;
    font-family: 'ScalaSans', sans-serif; 
    display:flex;
    flex-flow:row;
    justify-content:end;
    column-gap:1.5rem;
    margin-top:2ex;
  } 
 .infowindow {
   border-radius: 7px;
   top: 5%; 
   left: 20%;
   box-shadow: 0 0 15px 0 rgba(0,0,0,.5);
   width:60%;
   height:75%;
   font-size:92%; 
   z-index:40; 
   position:fixed; 
   background-color:#ffffe0;
   padding:1.5em 1.75em 1.5em 1.5em; 
 }
  ul.nomark {
    font-size:126%;
  }
  .sidebar {
    font-size:100%;
  }
  table.BC_orderedlist {
    font-size:100%;
  }
  table.BC_variablelist {
    font-size:100%;
  }
  p.liste-num-edit {
    font-size:115%;
  }
}
@media only screen and (min-width: 72em) {

  div.comment-notes {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  div.orig-text > p {
    font-size:1.15em;
  }
  div.orig-text > p.Urtext, div.orig-text > p.Urtext_alte_Rechtschreibung, div.orig-text > p.Urtext_o_EZ, 
  div.orig-text > p.Urtext_o_EZ_center, div.orig-text > p.liste-num {
    font-size:1.25em;
  }
}