/*Dieses Stylesheet überschreibt W3-Styles*/
/*Es wirkt sich nur auf  PUBLIC-Seiten aus*/

/*Vertik. Scrollbar immer anzeigen */
html {
	overflow-y: scroll;
	-webkit-hyphens: auto; /* funktioniert in Chrome trotzdem nicht */
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
p {
	margin: 0px;
}
a {
	text-decoration: none;
}
par,
heading,
annpar,
sourcepar {
	display: block;
}
address {
	display: inline;
}

.link {
	cursor: pointer;
}

/* =================================================== */
/* HEADER und FOOTER */
/* =================================================== */
.header {
	/* background-image: linear-gradient(90deg, rgb(116, 38, 38) 13%, rgb(129, 48, 59)); */
	background-image: linear-gradient(
		90deg,
		rgb(51, 97, 147) 13%,
		rgb(32, 57, 84)
	);
	color: white;
}

.logo-title {
	font-family: Times, Georgia, serif;
	font-style: italic;
	font-size: 3em;
	color: white;
	padding: 30px 0px 30px 0px;
	line-height: 1.3;
	text-align: center;
}
.logo-title-small {
	font-family: Times, Georgia, serif;
	font-style: italic;
	font-size: 1.5em;
	color: white;
	padding: 30px 0px 30px 0px;
	line-height: 1.3;
	text-align: center;
}
.logo-subtitle {
	font-family: Times, Georgia, serif;
	font-style: italic;
	font-size: 1em;
	color: white;
	padding: 0px 0px 0px 0px;
	line-height: 1;
	text-align: center;
}

#txtSearchstring:focus {
	background-color: #cddc39;
}

.footer {
	/* background-image: linear-gradient(90deg, rgb(116, 38, 38) 13%, rgb(129, 48, 59)); */
	background-image: linear-gradient(
		90deg,
		rgb(51, 97, 147) 13%,
		rgb(32, 57, 84)
	);
	color: white;
	/* height:100px; */
}
.footer.hinweis {
	padding: 8px 0px 8px 0px;
}
.item {
	padding: 0px 20px;
}

/* =================================================== */
/* Highlighting in SEARCH und READER */
/* =================================================== */
.highlight0 {
	background-color: #cddc39;
}
.highlight1 {
	background-color: #9c27b066;
}
.highlight2 {
	background-color: #87ceeb;
}
.highlight3 {
	background-color: #ffc107;
}
.highlight4 {
	background-color: #3f51b542;
}
.highlight5 {
	background-color: #b55d3f75;
}
.highlight6 {
	background-color: #607d8b6e;
}
.highlight7 {
	background-color: #607d8b6e;
}

/* =================================================== */
/* INDEX */
/* =================================================== */
#aEnglishVersion {
	padding-right: 5px;
}

/* =================================================== */
/* SEARCH */
/* =================================================== */
#divFacets {
}
#divFacetsTitle {
}
.facet-title {
	font-weight: bold;
	padding-top: 0.5em;
}
.facet-value:hover {
	color: red;
}

#divResults {
	padding-top: 20px;
}
.excerpt-source {
	padding: 5px 0px 0px 0px;
}

/* =================================================== */
/* READER */
/* =================================================== */
#divReader {
	padding: 40px 0px 10px 0px;
	background-color: #f8f8f8;
	/* background-color: #f8f6f4; */
}

#divHeader {
}
#divHeader #divBookTitleLarge {
	font-size: 80%;
	/* position: absolute;
		top: 50%;
		left: 25%;
		transform: translate(%,-50%); */
}

#divText {
	position: relative;
	margin-top: 0px;
	/* padding: 20px 60px 0px 80px; */
	padding: 20px 7% 0px 7%;
	font-family: times;
	font-size: 17px;
	line-height: 1.3;
}
/* Hide Elements */
#divText annotation,
#divText sourcetext,
#modalMain address,
#modalMain annotation,
#modalMain sign.annotation {
	display: none;
}

#divText .epigraph {
	text-align: center;
	font-style: italic;
	padding: 10px 0px 10px 0px;
}

#divText par {
	text-align: justify;
	margin: 0px;
	-webkit-hyphens: auto; /* funktioniert in Chrome trotzdem nicht */
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

#divText par.pseudo {
	/* Kennzeichnet Absätze, die im Original kein Absatz sind, aber erzeugt wurden, weil die Zeichenzahl des ursprünglichen Absatzes zu hoch war (>8.000) */
	display: inline;
}

annpar.cont {
	text-indent: 20px;
}
sourcepar.cont {
	text-indent: 20px;
}

#divText .symbol {
	text-align: center;
	padding: 2em 0em;
}

#divText .author {
	text-align: center;
	padding-top: 1em;
}

#divText .bibliography.author {
	text-align: left;
	font-weight: bold;
	font-size: 17px;
}
#divText .bibliography.title {
	text-align: left;
	font-size: 17px;
	padding-left: 20px;
}

#divText .body.after.divider {
	text-align: justify;
	padding: 0em 0em;
}
#divText .body.after.list {
	text-align: justify;
	padding-top: 1em;
}
#divText .body.after.poem {
	text-align: justify;
	padding-top: 1em;
}
#divText .body.after.quote {
	text-align: justify;
	padding-top: 1em;
}

#divText .body.first {
}
#divText .body.cont {
	text-indent: 20px;
}

#divText .body.divider {
	text-align: center;
	padding: 1em 0em;
}

#divText .body.invocation {
	text-align: center;
	font-style: italic;
	padding: 10px 0px 10px 0px;
}

#divText .body.list.l1 {
	margin-left: 2em;
}
#divText .body.list.l1.first {
	margin-left: 2em;
	padding-top: 1em;
}
#divText .body.list.l1.cont {
	margin-left: 2em;
	text-indent: 0px;
}
#divText .body.list.l2 {
	margin-left: 3em;
}
#divText .body.list.l2.first {
	margin-left: 3em;
	padding-top: 1em;
}
#divText .body.list.l2.cont {
	margin-left: 3em;
	text-indent: 0px;
}
#divText .body.list.l3 {
	margin-left: 4em;
}
#divText .body.list.l3.first {
	margin-left: 4em;
	padding-top: 1em;
}
#divText .body.list.l3.cont {
	margin-left: 4em;
	text-indent: 0px;
}
#divText .body.place-date {
	text-align: right;
	padding: 10px 0px 10px 0px;
}

#divText .h1 {
	text-align: center;
	font-size: 250%;
	padding: 1em 0em;
}
#divText .h2 {
	text-align: center;
	font-size: 150%;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
#divText .h3 {
	text-align: center;
	font-size: 150%;
	padding: 0.5em 0em;
}
#divText .h4 {
	text-align: center;
	font-size: 120%;
	padding: 2em 0em;
}
#divText .chapter-number {
	text-align: center;
	padding: 2em 0em;
}

#divText .index.i2 {
	padding-left: 1em;
}
#divText .index.i2::before {
	content: "- ";
}

/* Diese Klasse wird z.B. bei Überschriften verwendet, die nur für die Generierung des Inhaltsverzeichnisses gedacht sind und im Text nicht sichtbar sein sollen. */
#divText .invisible {
	font-size: 5px;
	color: #f8f8f8;
	padding: 0em 0em;
}

#divText .letter.addressee {
	padding: 1em 0em;
}
#divText .letter.after.divider {
	text-align: justify;
	padding-top: 1em;
}
#divText .letter.after.quote {
	padding-top: 1em;
}
#divText .letter.cont {
	text-indent: 20px;
	padding-top: 0.5em;
}
#divText .letter.divider {
	text-align: center;
	padding-top: 1em;
}
#divText .letter.date {
	text-align: right;
	padding-top: 1em;
}
#divText .letter.first {
	padding-top: 0em;
}
#divText .letter.greetings {
	padding-top: 1em;
	padding-left: 50%;
}
#divText .letter.heading {
	text-align: center;
	padding-top: 2em;
	padding-bottom: 1em;
	font-weight: bold;
}
#divText .letter.invocation {
	text-align: center;
	font-style: italic;
	padding-top: 2em;
}
#divText .letter.quote.first {
	margin-left: 2em;
	padding-top: 1em;
}
#divText .letter.quote.cont {
	margin-left: 2em;
	padding-top: 0em;
}
#divText .letter.salutation {
	padding-top: 1em;
	padding-bottom: 1em;
}
#divText .letter.signed {
	padding-top: 1em;
	padding-bottom: 2em;
	padding-left: 50%;
	text-align: left;
}
#divText .letter.sender.uhj {
	font-size: 25px;
	text-align: center;
	font-variant: small-caps;
}

#divText name.book {
	font-style: italic;
}

#divText .poem.first {
	margin-left: 2em;
	padding-top: 1em;
	font-style: italic;
}
#divText .poem.cont {
	margin-left: 2em;
	text-indent: 1em;
	font-style: italic;
}

#divText .quote.author {
	text-align: right;
}

#divText .quote.cont {
	margin-left: 2em;
	text-indent: 1em;
}
#divText .quote.first {
	margin-left: 2em;
	padding-top: 1em;
}
#divText .quote.sourcetext {
	text-align: right;
}

#divText .subtitle {
	margin-bottom: 50px;
	text-align: center;
	font-size: 100%;
}
#divText .title {
	text-align: center;
	font-size: 250%;
}

#divText .title.original {
	text-align: center;
	font-style: italic;
	font-size: 100%;
}

#divText .title.english {
	text-align: center;
	font-style: italic;
	font-size: 100%;
}

#divText address {
	display: inline;
	position: absolute;
	/* left: 25px; */
	left: 2%;
	font-size: 10px;
	color: #aaaaaa;
	padding-top: 3px;
	cursor: pointer;
	text-indent: 0px;
	font-style: normal;
}
#divText address:hover {
	background-color: gray;
	color: white;
}

#divText sign.annotation {
	font-size: 10px;
	color: red;
	cursor: pointer;
	vertical-align: super;
}
#divText sign.annotation.cf {
	font-size: 10px;
	color: blue;
	cursor: pointer;
	vertical-align: super;
}
#divText sign.citation {
	font-size: 10px;
	color: blue;
	cursor: pointer;
	vertical-align: super;
}

#divLoadTextAfter,
#divLoadTextBefore {
	cursor: pointer;
	font-family: "Times New Roman", Times, serif;
	color: gray;
}
.begin-end-of-text {
	text-align: center;
	font-style: italic;
}

.animate-background {
	/* für kurzes highlighten des Absatzes */
	background: beige;
}

.annotationTextHeading {
	font-style: italic;
	color: gray;
}
.citationSourceTextHeading {
	font-style: italic;
	color: gray;
}

/* ============================== */
/* prayer siehe comp-prayer.css*/
/* ============================== */
/* #divText par.prayer.author {
                    text-align:right;
         }
        #divText par.prayer.cont {
                    text-indent: 1em;
         }
        #divText par.prayer.first {
        	padding-top: 0em; 
        }
        #divText par.prayer.explanation {
        	font-style: italic;  
        }
        #divText par.prayer.instruction {
        	font-style: italic;  
           text-align: center;
           padding:1em 0em 1em 0em;
        }
        #divText par.prayer.number {
        	font-size:1em;
            font-weight:bold;
            text-align: center;
            padding-top: 1em; 
            padding-bottom: 0.5em; 
        }
        #divText par.prayer.opening-invocation {
                   text-align: center;
        	font-style: italic;  
                    padding-bottom: 1em;   
        }
        #divText par.prayer.toc-entry {
        	color:red;
                    padding-bottom:0em;
                    padding-top:1em;
                    text-align:center;
                    font-size: 2em;
        } */

/* =================================================== */
/* CONTENTLIST (AJAX) */
/* =================================================== */
#divContentlist .h1 {
	padding-left: 0px;
}
#divContentlist .h2 {
	padding-left: 10px;
}
#divContentlist .h3 {
	padding-left: 20px;
}
#divContentlist .h4 {
	padding-left: 30px;
}
/* =================================================== */
/*  */
/* =================================================== */

/* --------------------------------------------------- */
/* Modal-Fenster */
/* --------------------------------------------------- */
#modal.modal-top {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: ;
	text-indent: 10 px;
	padding-top: 0px;
	text-align: left;
	border: ;
}
#modal p {
	padding: 0px 0px;
	margin: 0px 0px;
}

/* Damit das X im Suchfeld erscheint! W3.CSS blendet es offenbar aus. */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: searchfield;
}

/* --------------------------------------------------- */
/* Inhaltsverzeichnis */
/* --------------------------------------------------- */
#modal .toc-h1 {
	font-size: 15px;
	font-style: italic;
	color: ;
	/* padding: 5px 10px; */
}
#modal .toc-h2 {
	color: ;
	padding-left: 25px;
}
#modal .toc-h3 {
	color: ;
	padding-left: 35px;
}
#modal .toc-h4 {
	color: ;
	padding-left: 45px;
}
#modal .toc-h5 {
	color: ;
	padding-left: 45px;
}
#modal td {
	color: ;
	padding: 0px 8px;
}