/*******************************TEXT CONTENT****************************/
@font-face{
    font-family:junicode;
    src: url(../fonts/Junicode.ttf);
}
.row.content {
    margin-top:-5vh;
}
.textboxL, .textboxR {
    font-size: 16px !important;
    font-family: junicode !important;
    background: white;
    border: solid 0.5px;
    height: 85vh;
    padding: 0.5%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
 .textboxL .row, .textboxR .row{
  /*  line-height:1.3; */
} 
.col-text{
    overflow-y:scroll;
    height: 80vh;
}
.col-md-1.col-centered {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75vh;
}
.register{
    color: black;    
}

.chapterL,
.chapterR {
    margin: 7%;
}
h1 {
    font-size: 220%;
    font-weight: bold;
    margin-bottom: 1.5em;
}
h2 {
    font: 14px Arial, sans-serif;
    color: #fff;
    padding: 10px;
    text-align: center;
}
.signatureMark{
    font-size:small;
    margin-top:4% !important;
    text-align:right !important;
}
.folio{
    font-size:small;
    font-weight:bold;
    margin-bottom:5% !important;
    text-align:center;
}
.lage{
	font-style:italic;
	font-size:small;
	margin-top:3vh;
	text-align:right;
}
.mainText div#line a {
    text-decoration:none !important;
    color:#656565 !important;
}
.chapterTitle{
    font-weight:bold;
    font-size:1.5em;
    margin-bottom:3%
}
.motto{
    margin-bottom:4%
}
.corrlink{
    color:tomato;
}
.corrlink:hover{
    color:tomato;
}
.corrcontent{
    background:tomato;
    color:white;
    line-height:1em;
    font-size:16px !important;
    text-align:left;
    padding:10px;
    width: 70%;
    }
.editornote{
    background:lightblue;
    font-size:16px !important;
    padding:10px
}
.woodcuttitle{
    font-size:small;
    line-height:0.8;
/*    font-weight:bold;*/
    }
    
#line{
    font-size:14px !important;
}
.marginalline{
    background:#6b94cb;
    color:white !important;
}
.currentchapter{
    font-size:16px !important;
    background:WhiteSmoke;
    border:0.5px solid black;
    padding-left:7px;
    padding-right:7px;
}
.marginallinenumber{
    font-size:small;
}
/******************************LEM*************************/
.modal{
    font-family:junicode;}
.modal-body{
    font-size:16px !important;
    }
.popover-content{
    font-family:junicode;
    font-size:16px !important;
    line-height:1.2em  !important;
}
/*Cursor für click im Popover "...mehr"*/
.popover-content a{
    cursor:pointer;
}
/*Cursor für Beleglink im Footer*/
.clickBeleg{
    cursor:pointer;
}
.leml, .lemr{
    color:#6b94cb;
    cursor:pointer;
}
/*add text before alternatives*/
.lemAlternative:first-of-type:before {
    content: "Alternative Schreibweisen: ";
    white-space: pre;
    font-style: italic;
    }
.lemLinks:first-of-type {
    margin-top: 1em;
    border-top: 0.5px solid #FFFAF4;
}


.knape {
    margin-top: 1em;
    margin-bottom: 1em;
    font-style: italic;
}

/******FOOTNOTE WITH MARGINAL NOTES*******/
.footnote{
    margin-top:15%;
}
hr.margNote{
    border-top: 3px double #8c8b8b;
}
/*SCROLLBAR BECAUSE UGLY FOR FIREFOX AND CHROME*/
::-webkit-scrollbar { 
    display: none; 
}

/*****************FAKSIMILE KRAMS*******************/
.myPictures{
    width:100%;
    margin-top:1vh !important;
}
img[id^="zoom_01"]{
    object-fit:contain;
    height:65vh;
    margin-left:5vw;
}
div[id^="gallery_01"]{
    margin-top:1vh !important;
    margin-left:5vw;
}
img[id^='img_']{
    object-fit:contain;
    height:10vh;
    border: 1px solid #ddd;
}
img[id^='img_']:hover{
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

/******************TABS ON FRONT PAGE*****************/
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}


/*****************TODO SUCHE CSS********************/
.hi {
    background: #fff2a8;
}
.searchresults {
    font-family:junicode;
}


#myTabL>li>a {
    padding-top: 7px;
    padding-bottom: 7px;
}
.stanza{
    margin-bottom: 1em;
}
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  margin: auto;
}
#loadingtext{
    margin: auto;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}