body{
	font-family: "Segoe UI",Helvetica,Arial,sans-serif; 
	line-height:1.3em; 
	hyphens: auto;
}

a{
	color:navy;
}

/* cover ************************************************************/

body.cover{
	padding-top: 5%;
	background: #efefef;
}

.cover table{
	width: 45em;
	border: 1px solid silver;
	padding: .1em;
	background:white;
}

.cover h1{ 
	text-align:left; 
	margin-left:0; 
	margin-top: 1.5em;
}

.cover .icon{
	background: steelblue;
	vertical-align:top;
	padding: 1.5em .5em;
}

.cover .text{ 
	padding-left: 3em;
	width:100%;
	background-image: url(../werke_shared/pics/manus_l.jpg);
	background-size: cover;
}

.cover li{ 
	margin-bottom: .3em;
	list-style:none;
}

.cover ul{ 
	margin-bottom: 3em;
	padding-left:0;
}

/* links ************************************************************/

a:hover,
a:hover div{
	color:red;
}

a.fnt,
a.fne{
	font-size:90%; 
	vertical-align:super; 
}

/* em & span ********************************************************/

em{
	font-style:normal; 
	font-weight:550; 
	color: #333;
}
em.seite{
	color:coral; 
	font-size:80%; 
}
em.formel{
	font-size:90%; 
	font-weight:normal; 
}
em.formellog{
	font-weight:normal; 
}
em.qua{
	font-weight:normal; 
}
em.hidden{ /* WP-Formelboxen und Bilder */
	display:none;
} 
span.unicode{
	font-family:"Lucida Sans Unicode",Arial,Verdana,Times; 
}

table.main{ /* startpages with toc */
	width:100%; 
	border:solid 1px steelblue; 
	margin-left:0; 
}


/* nav main *********************************************************/

div.navmain{
	background-color: black;
	color:white;
	display:table;
	width: 100%;
}

div.navmain a.logo{
	font-family:"Times New Roman", Times, serif;
	display:table-cell;
	height: 7em;
	width: 7em;
	background-image: url(../werke_shared/pics/hegel02.gif) ;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 4em .2em;
	padding-left: 7em;
}
div.navmain .title{
	vertical-align:middle;
	text-align:left;
	display:table-cell;
	color: white;
	width: 13em;
	hyphens:none;
	line-height:1.8em;
}
div.navmain .title h1{
	color: white;
}
div.navmain .title .autor{
	display: block;
}
div.navmain .itemwrapper{
	width: calc(100%-17em);
	display:table-cell;
	text-align:right;
	vertical-align:middle;
	padding-right: 4em;
	hyphens:none;
}
div.navmain .item{
	padding: 0em 0em 0 4em;
	display: inline-block;
}
@media screen and (max-width: 70em) {
	div.navmain .item{
		padding: 0;
		display: block;
	}
}
@media screen and (max-width: 50em) {
	div.navmain .title{
		display:none;
	}
}
@media screen and (max-width: 30em) {
	div.navmain a.logo{
		background-image: none ;
	}
}

div.navmain a{
	color:white;
	text-decoration: none;
}

div.navmain a:hover{
	color: rgb(162,208,255);
	text-decoration: underline;
}


/* nav prev next ******************************************************/

div.nav{  
	background: #f6f6f6;
	margin-bottom: 2em;
	padding: .4em 0;
	overflow: hidden;	/* https://stackoverflow.com/questions/10724513/wrapper-div-height-is-0-with-floated-elements-inside */
	position:relative;
	box-sizing: border-box;
	width: 100%;
}
div.nav.bottom{  
	margin-top: 6em;
}
.navprevlink,
.navnextlink{
	width: 50%;
	box-sizing: border-box;
	padding: 0 1em;
	min-height: 2.5em;
	display: block;
}		
.navprevlink{
	padding-left: 4em;
	border-right: 1px solid white;
	float:left;
}
.navnextlink{
	padding-right: 4em;
	text-align:right;
	float:right;
}
.navprevlink div,
.navnextlink div{
	position:absolute;
	top: .5em;
	color: #999;
	font-size: 2em;
	font-weight:300;
}
.navprevlink div{
	left: .5em;
}
.navnextlink div{
	right:.5em;
}


/* menu.js **********************************************************/
.wrapper_navtree{
	padding: 4em;
	max-width: 40em;
	margin: 0 auto;
	background: #f6f6f6;
	min-height: 30em;
}
@media screen and (max-width: 30em) {
	.wrapper_navtree{
		padding: 1em;
	}
}
.wrapper_navtree h1{
	text-align:left;
	padding-bottom:1em;
	margin-top:0;
}
.ident{
	list-style: none;
	margin-bottom: .3em;
}
.ident a{
	display:table-cell;
}
.ident a:first-child{
	min-width:1.5em;
	text-align: center;
	font-size: 1.2em;
	text-decoration:none;
}
.i1{
	margin-left: 0em;
}
.i2{
	margin-left: 2em;
}
.i3{
	margin-left: 4em;
}
.i4{
	margin-left: 6em;
}
.i5{
	margin-left: 8em;
}
.i6{
	margin-left: 10em;
}
.i7{
	margin-left: 12em;
}
.navtree_footer{
	height:2em;
	background:black;
}
p.hinweis{
	color:#666;
}

/* p ****************************************************************/

p{
	margin-top:.5em; 
	margin-bottom:.5em; 
	text-align:justify; 
}
p.vers{
	margin-left:3em; }

p.fn{
	margin-left: 0; 
	margin: 0 0 1em 1em;
	padding-left: 1em;
	font-size:95%; 
	border-left: 4px solid silver; 
}
p.rw{ /*rezensiertes Werk*/ 
	text-align:center; 
}
p.iv{ /*Inhaltsverzeichnis hw100000*/
	text-align:center; 
} 
p.pa{ /*Paragraph Anmerkung*/ 
	margin-left:1em; 
}
p.pha{ /*Paragraph handschriftl. Anmerkung*/ 
	padding-left:2em; 
	background-image:url(./pics/hw07_ha.gif); 
	background-repeat:no-repeat; 
}


span.indent{ /*eingerückter Bereich in pha ******************************** todo: inline-block? */ 
	position:relative; 
	left:1em; 
}
span.versinfn{ /*Vers in Fußnote*/
	position:relative; 
	left:1em; 
}
p.pz{  /*Paragraph Zusatz*/ 
	margin-left:2em; 
}
p.datumre{ /* Datum rechts*/ 
	text-align:right;
}


/* h ****************************************************************/

h1,h2,h3,h4,h5,h6{
	text-align:center;
	font-weight:normal;
	margin-top:1em;
	margin-bottom:1em;
	color:navy;
	font-size: 100%;
}
h1{
	font-size:130%;
}
h2{
	font-size:120%;
}
h3{
	font-size:110%;
}
h4{}
h5{}
h6{}
h6.7{}
h6.8{}
h6.e1{}
h6.e2{}
h6.e3{}
h6.e4{}
h6.a1{}
h6.a2{}
h6.a3{}
h6.a4{}
h6.v1{}
h6.v2{}
h6.v3{}
h6.v4{}
h6.u{}
h6.anm{}
h6.para{}
h6.parau{} /*ParagraphUntertitel*/
h6.parah{} /*Überschriftenvor§,ehmalsh9*/

/* button ****************************************************************/
.search-btn{
	display:block;
	font-family: "Segoe UI",Helvetica,Arial,sans-serif;
	border:0;
	border-radius: 7px;
	font-size: 100%;
	background-color: #ddd;
	box-shadow: none;
	padding: .5em 2em;
	margin-top: 1em;
}
.search-btn:hover{
	background-color: #1e73be;
	color:#fff;
}
.search-fld{
	border: 1px solid #ccc;
	padding: .3em 1em;
	font-family: "Segoe UI",Helvetica,Arial,sans-serif;
	font-size: 100%;
	width:100%;
	box-sizing: border-box;
}
.search-fld:focus{
	outline: none;
}

/* hinweise ****************************************************************/
.hint{
	padding-bottom: 1em;
	clear:both;
	overflow: hidden;	/* https://stackoverflow.com/questions/10724513/wrapper-div-height-is-0-with-floated-elements-inside */
}
.hint div{
	float:left;
	box-sizing: border-box;
}
.hint div.title{
	width: 25%;
	font-weight:600;
	padding-right: 1em;
}
.hint div.fld{
	width: 25%;
	padding-right: 1em;
}
.hint div.expl{
	width: 50%;
}
.hint input{
	width: 100%;
}

@media screen and (max-width: 45em) {
	.hint div.title{
		width: 100%;
		padding-right: 0;
	}
	.hint div.fld{
		padding-right: 0;
		min-width: 12em;
	}
	.hint div.expl{
		width: 100%;
		padding-right: 0;
	}
	.hint input{
	}
}

input{
	outline: none;
	display:block;
	padding: .1em .2em;
	box-sizing: border-box;
}

.accordion-head .arrow{
  color: #563e6e;
  font-size: 130%;
  transition: 0.25s ease;
  opacity: 0.3;
  transform: rotate(-90deg);
}

.accordion-head:hover .arrow{
  opacity: 1;
}

.accordion-head:hover, .accordion .active{
  /** background-color: #f2f2f2; **/
}

.accordion-head .arrow-animate{
  transform: rotate(0deg);
  opacity: 1;
}

.accordion .content{
  display: none;
  margin: 1em 0 2em 0;
  padding: 1em 0 0 0;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}

.accordion .fas{
  position: relative;
  top: .1em;
  margin-right: 0.3em;
}

.accordion-head,
.accordion-head h3,
input.search-btn{
	display:inline-block;
}

input.search-btn{
	Margin-right: 5em;
}


/* search results ****************************************************************/

ol.result li{
	margin-bottom: .2em;
}