MediaWiki:Common.css

@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";

/*************************
Hier befinden sich im Wesentlichen css-Befehle, die direkt oder indirekt Einfluss auf das Seitenlayout und die Seitenproportionen haben.

Siehe auch:
* MediaWiki:Vector.css (Farben, spezielle Einzelseiten, Glossar, etc.)
* MediaWiki:Print.css 

Hier: 
* Änderungen am Standardlayout
* TOC
* Navigationsmenü
* Sidebox

****************************/
/* MW Mediaviewer */

.mw-mmv-download-button, 
.mw-mmv-options-button, 
.mw-mmv-reuse-button, 
.mw-mmv-filepage-buttons {
	display: none; 
} 
.mw-mmv-above-fold { 
    max-width: 80%;
    margin: auto;
}
.mw-mmv-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}
.mw-mmv-post-image { 
  color: #ffe; 
  background-color: rgba(68, 68, 68, 0.5);
}
.mw-mmv-title { 
    background: rgba(73, 73, 73, 0.48);
}
.mw-mmv-image-metadata { 
  background: #262524;
  color: #eee!important;
  border: 0;
}
.mw-mmv-next-image, .mw-mmv-prev-image { 
  width: 10%;
  height: 20%; 
}
.mw-mmv-wrapper a,
.mw-mmv-wrapper a:visited {
  color: #8db3ff;
} 
.mw-mmv-wrapper a:hover  { 
    background: #ccc;
    color: #3365cb;
}
.mw-mmv-image-links li { 
  color: #aaa;
}
.mw-mmv-about-links {
  height: 0;
  padding: 0;
  overflow: hidden;
}
.mw-mmv-image-metadata { 
  background: #262524;
  color: #eee!important;
  border: 0;
}
.mw-mmv-title-para .mw-mmv-ttf-ellipsis { 
	width:0;
	bottom: 9px;
}
.mw-mmv-title-para .mw-mmv-ttf-ellipsis:before { 
  background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,#494c47 100%); 
  content: '...';  
  font-size: 1.5em;
  width: 5em;
  position: absolute;
  right: 0;
  text-align: right;
}

/* thumb image */

.thumb.tright { 
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#mw-upload-thumbnail {
    position: static;
}
.thumb .thumbinner {
/* width: auto!important;*/
  border: 0;
  padding: 0;
  background: transparent;
}
.thumbcaption {
  display: none;
}
.imgX .thumbimage {
	border:0;
}

/* smallimage*/
.smallimage {
 display:table;
 width: 20px;
 margin: 0 auto .5em; 
}
.smallimage div {
  margin-top: .5em; 
}

/*  Aktuelles  */

*::before, 
*::after {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Framework */

html,
body {
 margin: 0;
 padding: 0;
 font-size: 100%;
 background: #eeeee5 url(/rel_jap/bg/bg0.gif);
 background-attachment: fixed;
 color: black;
 font-family:  Arial, sans-serif; 
}
body.action-view {
 padding: 0 10%;
 }

/* Content */
#content  {
 position:relative;
 z-index:1;
 margin: 1em 0 0 10em; 
 padding:0 ;
 line-height: 1.5em;
 font-family: Georgia, serif, Times ; 
 background:#fff; 
  border:0;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 4px 15px rgba(145, 142, 117, 0.5);
 } 
.action-view #content  {
  max-width: 78em;
  min-width: 640px; 
  margin: 0 auto 0;  
  padding-top: 2em; 
 } 
.ns--1.action-view #content,
.ns-6.action-view #content {
 max-width: 90em;
 }
.ns-8.action-view #content {
 max-width: none;
 }
/****  bodyContent  ****/
 
.action-view #bodyContent,
.wikiEditor-preview-contents {  
 position:static;
 padding: 0 20% 2.1em;
 width: auto;
 /*max-width: 50em;*/
 -webkit-hyphens: auto;
 -epub-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 hyphens: auto;
 } 
.ns--1.action-view #bodyContent {
 max-width: 70em;
 }
.ns-6.action-view #bodyContent,
.ns-8.action-view #bodyContent,
.ns-14.action-view #bodyContent {
 max-width: none; 
 } 	 
.action-view .mw-content-ltr,
.wikiEditor-preview-contents { 
 font-size:1.1rem;
}

/***   Head   ***/

#mw-page-base, 
#mw-head-base, 
#mw-head {
 position:absolute;
 z-index:4;
}
#mw-page-base {
 height: 10em;
 position:absolute; 
 z-index:0;
 top: 0; 
 left: 0; 
 right: 0; 
 background: #bbb url(/rel_jap/bg/bg_head0.gif);
 border-bottom: .3em solid #aaa;
 }
/* Code am Seitenende */
#mw-head {
 top: 0;
 right: 0;
 width: 100%;
 background: #f5f5ee url(/rel_jap/wikibilder/logo_head3.jpg) top left repeat-x ;
 }
#mw-head h5 {
 margin: 0;
 padding: 0;
 }
/* Navigation Containers */
.action-view #left-navigation, 
.action-view #right-navigation,
#ca-unwatch {
 display:none;
 } 
/* Logo */
#p-logo {
 position: absolute;
 z-index:4;
 top: -160px;
 left: 0;
 width: 10em;
 height: 10em;
 background: #f5f5ee url(/rel_jap/wikibilder/logo_head3.jpg) top left repeat-x ;
}
#p-logo a {
 display: block;
 width: 10em;
 height: 10em;
 background-repeat: no-repeat;
 background-position: center center;
 text-decoration: none;
 }
#mw-panel { 
 z-index:4;
 background: #f5f5ee;
 border-bottom: 1px solid #def;
 }
.action-view #p-logo,
.action-view #mw-panel,
.action-view #mw-head-base  {
 display: none;
}

	/*  Tagline */
	
/* Hide */

#jump-to-nav, 
#contentSub,
#catlinks,
#siteSub,
.subpages {
 display: none;
 }

#siteSub3 {
 position:absolute; 
 z-index:3;
 right: 0;
 left: 0;
 top: 0;
 margin:0 0 2.5em; 
 padding: .35em 1em;
 text-align: right;
 border-style: solid; 
 border-width: 0 0 4px;
 font-style: italic;
 font-size: 1em;
 line-height: 1.2em; 
 font-family: Calibri;
 text-transform: lowercase;
 }	 
 
/** Wiki-Navigation **/
#p-personal li {
 line-height: 1.125em;
 padding: 0 .75em 0 0;  
 margin:0;
 float: left;
 font-size: 0.75em;
 white-space: nowrap;
 }
	
.action-view #p-personal {
 display: none;
 }	
.action-view.ns-8 #p-personal, 
.action-view.ns-10 #p-personal {
 display: block;
 left: auto; 
 }

/* hide */	

#p-personal #pt-mytalk,
#p-personal #pt-anontalk,
#p-personal #pt-watchlist,
#p-personal #pt-mycontris {
 display: none;
 }
.action-view #p-tb, 
.action-view #p-personal #pt-mytalk,
.action-view #p-personal #pt-preferences,
.action-view #p-personal #pt-logout,
.action-view #p-personal #pt-anontalk,
.action-view #p-personal #pt-watchlist,
.action-view #p-personal #pt-mycontris,
.action-view #p-personal #pt-login,
#mw-clearyourcache {
 display: none;
 }

/* Panel */
#mw-panel {
 position: absolute;
 top: 10em;
 padding-top: 1em;
 width: 9.5em;
 left: 0;
}

/****************************************
			FOOTER
*****************************************/

#footer {
 position: relative;
 height: 2em;
 padding: 0 0 1.5em;
 background: transparent;
 text-align: center;
 margin: 3.5em auto 0; 
 max-width: 80em;
 }
#footer ul {
 list-style: none;
 list-style-image: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 }
#footer ul li {
 list-style: none; 
 line-height: 2em ;
 margin:0 ; padding:0 ;
 }
#footer #footer-places li {
 float: left;
 margin-right: 1em;
 line-height: 1.2em;
 }

#footer a,
#footer a:visited { 
 color:#016;
 } 
#footer #footer-info-copyright a,
#footer #footer-places a {
 position: absolute;
 left:20px;  
 font-size: .9rem !important;
   font-family: calibri, arial;
 }
#footer-places a{
  top: 0;
}
#footer-info-copyright a {
  top: 1.2em;
} 
#footer-icons img {  
	margin: 2px;
    border: 0;
 } 
#footer-info-disclaimer,
#footer-places-privacy {
 display:none;
 }


.printfooter {
	display: none;
}

/****************************************
		BASIC TAGS
*****************************************/

/* CODE Maske */
q {
 font-family: Times, "Times New Roman", serif;
 font-style: italic;
 }
code {
 background-color: #f9f9f9;
 }
pre {
 padding: 1em;
 border: 1px dashed #2f6fab;
 color: black;
 background-color: #f9f9f9;
 line-height: 1.3em;
 font-size: 10pt; 
 }
textarea { 
 font-size: 1.3em;
 background:#ffe;
 color:#005;
 }

/* Structural Elements */

.mw-parser-output > p, 
.mw-parser-output > ul li,
.mw-parser-output > ol li,
.mw-parser-output > dl dd {
 text-align: justify;
 line-height: 1.6em;
 }

div#content p {
 margin:.8em 0;
}
div#content p {
 margin: 0 0 .8em;
}
 
p img {
 margin: 0;
 }
.mw-parser-output ul,
.mw-parser-output ol {
 line-height: 1.6em;
 text-align:justify;
 margin: 0; 
 padding: .3em 1.5rem .8em 2rem;
 }
 
 /* Listen */
.mw-parser-output > ul, 
.references  ul,
.verweise ul,
.linkbox ul,
.shortlist ul,
.zitat ul {
 list-style-type: none;
 list-style-image: none;
 }
.mw-parser-output > ul li::before, 
.references ul li::before, 
.verweise ul li::before, 
.linkbox ul li::before,  
.shortlist ul li::before, 
.zitat ul li::before {
   content:  '\f111' ;/* fa-circle  */
   font-size: .5em;
   float: left; 
   margin-left: -1.3rem;
   color: #0e5892;
 }

li {
 margin-bottom: .7em;
 }
dt {
 font-weight: bold;
 margin-bottom: .1em;
 }
dl {
 margin-top: .2em;
 margin-bottom: .5em; 
 }
.mw-parser-output dd {
 line-height: 1.6em;
 margin-left: 1.5rem;
 margin-bottom: .1em;
 }
.mw-parser-output dd ul,
.mw-parser-output dd ol {
 margin-left: 0;
 padding-left: 0;  
 }

i i { 
 font-style: normal;
 }

 .shortlist ul {
    padding-bottom: .8em;
}
 .shortlist li {
    margin-bottom: 0;
}
/* Tables */

table {
 font-size: 100%;
 }

/* Emulate Center */

.center {
 width: 100%;
 text-align: center;
 }
*.center * {
 margin-left: auto;
 margin-right: auto;
 }

/* Small for tables and similar */

.small {
 font-size: 94%;
 }

#content .right,
.right {
	text-align: right;
}

/**************************
        Headings 
***************************/

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 margin: 0;
 padding-top: .5em;
 padding-bottom: .17em;
 overflow: visible;
 color:#333;
 border: 0 solid #D7D5BC;
 position: relative;
 }
/* 		firstHeading		 */
 
#content #firstHeading {
  padding: 2.1em 0 1.5em; 
  font-size: 2.1em;
  line-height: 1.2em;
  font-family: calibri, "Trebuchet MS";
}
.firstHeading {
  font-size: 2.4em;
  line-height: 1.2em;
  font-family: calibri, "Trebuchet MS";
  font-weight: bold;
  text-align: center; 
   padding: 1.5em 0 1.5em; 
   margin: 0 -5rem;
} 
.ns-6 .firstHeading {
    margin: 0;
    text-align: left;
    font-size: 1.5rem;
    padding: .5rem 0;
}
.firstHeading > span {
 position: static; 
 display: block; 
 padding: 0; margin: auto; 
}
.firstHeading span span {
 display:block;
 font-weight: normal;
 font-size: .75em; line-height:2em; 
}
.firstHeading span span.firstSpan { 
  margin-top: -2rem;
}
.firstHeading span span.bottom {
 line-height: 1.2em;
 padding-top:.18em;
 margin-bottom: -.3em;
}

 	
/*	H2, H3,... 	*/

h2,
h3 { 
 border-width: 0 ;
 } 

#content h2 { 
	font: bold 1.7em/1.2em "Trebuchet MS";
  font-family:calibri, "Trebuchet MS"; 
	text-align: center;
	margin: 1.2em -.5rem 1em; 
	padding: .5em .5rem .17em;
	clear:both;
}
#content h2.noborder {
  padding-bottom:0; 
  border:0;
}
.mw-parser-output > h2::after {
  content: '';
  display: block;
  height: 3px;
  background-image: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  position: absolute; 
  left: 0;
  right: 0;
  border-radius: 25%;
  margin-top: 5px;
}

#content h3 { 
  font: bold italic 1.4em/1.2em "Trebuchet MS";
  font-family:calibri, "Trebuchet MS"; 
  text-align: left;
  margin: 1em -.5rem;
  margin-bottom:.8rem; 
  padding: .5em .5rem 0em;
  clear: left;
}
#content h4 { 
  font-family:calibri, "Trebuchet MS"; 
  font-weight:bold; 
  font-size: 1.2em;
  line-height:1.5em; 
  color:#333;
}

	/* Edit section links */
.mw-editsection { 
 color:#ddd; 
 font: normal 9px Arial;  
 text-align: left;
 position: absolute;
    margin: 0;
    right: 3em;
    top: 3em;
    width: 3em;
 } 
.mw-editsection a,
.mw-editsection a:visited { 
 color: #ddd; 
 font-size:9px;
 }
.mw-editsection a:hover { color: #555; text-decoration:none;}

h1 .mw-editsection { display:none;}

/*   Ende Headings    */

/*******************************
			Randelemente rechts
********************************/

#toc,
.top12, 
.sidebox {
 display: block;
 position: absolute; 
 top: 12.5rem;
 } 
#toc, 
.sidebox, 
.sidebox3 {
 background-color: #dbd0b5;
 border-radius: 8px;  
 border: 4px solid  #dbd0b5; 
 border:0;
 box-shadow: 0 0 20px 0 rgba(0,0,0,0.1); 
 box-shadow: 0 0 20px 0 rgba(39, 19, 0, 0.21);
}
#toc, 
.sidebox, 
.sidebox3,
.sidebox_Wrapper { 
  position: absolute;
  width: 11.5em;
  width: 17%; 
  width: calc(10em + 5%); 
  right: -5.75em; 
  right: -8.5%;
  right: calc(-5em - 2.5%);
  font: normal normal 1rem Calibri;
 } 
.sidebox_Wrapper .sidebox3,
.sidebox_Wrapper .sidebox,
.sidebox_Wrapper #toc { 
    position: relative; 
    width: 100%; 
    margin-bottom: 4em; 
    top: 0;
    right: auto; 
    left: 0;
/* Randausgleich */
    margin-left: -4px;
    max-width: none;
 } 
@media only screen and (max-width: 1082px ) {   
  #toc, 
  .sidebox, 
  .sidebox3,
  .sidebox_Wrapper, 
  .left_Wrapper { 
  } 
}
/*******************************
				TOC
********************************/

/* Table of Contents */
 
.toclevel-3,
.toclevel-4,
.toclevel-5,
.toclevel-6,
.tocnumber, 
.toctoggle {
 display: none;
 }

#toc {  
  left: calc(-5em - 2.5%);
  right: auto;
 margin:0 0 4em 0; 
 padding: 0;
 overflow:hidden;
 box-shadow: 0 0 20px 1px rgba(147, 136, 109, 0.75); 
 }
#toc .toctitle h2 { 	
 background-color: #788099;
 background-repeat: no-repeat;
 color:#FFF;
 border: 0;  
 font-size: 1em;
 line-height: 2em; 
 display:block;
 text-align: center;
 margin:  0px; 
 padding: 0 .3em;
 }	
#toc ul,
#toc li {
 list-style-type: none;
 list-style-image: none;
 margin: 0  !important;
 padding: 0 !important;
 text-align: left;  
 background: #f7f6e6;
} 	 
#toc ul ul {
 margin: 0  !important;
 }
#toc a {
 display: block; 
 line-height:1.3em;
 padding: 1px 5px;
 padding-left: 20px; 
 text-indent: -10px; 
 color: #666;
 }
#toc a:hover  { 
 text-decoration: none; 
 color: #000;
 background:#E8E7CA;
 }
 
#toc li.toclevel-1:first-child > a { 
 padding-top: 5px;
 } 
#toc li:last-child > a { 
 padding-bottom: 5px;
 } 
#toc li li { 
 font-size: .94em;  
 }
#toc li li a { 
 margin-left: 12px; 
 }    	

/*******************************
		Sidebox3
********************************/
   
.sidebox3 {
  position: absolute;
 z-index: 2;
 overflow: visible;  
  font: normal normal 1rem Calibri; 
  margin-bottom: 4em; 
}
.w500x img {
  width: 100%; 
  height: inherit;
} 

/** sbUe, **/

.sbUe2 { 
}
.sbUe2 a  {
    position: absolute;
    display: block; 
    top: 0; 
    right: 0; 
    left: 0;
    bottom: 0;   
    z-index: 0;
    background: rgba(255, 255, 255, 0);
} 
.sbUeText {
  display: block;
  float: left;
  margin-top: -16px;
  margin-left: -16px;
  transform: rotate(-3deg);
  padding-left: 1.2em;
  padding-right: .6em;
  letter-spacing: .6em;
  color: #615539;
  text-transform: uppercase;
  font-family: Courier,mono;
  line-height: 22px;
  font-size: 12px;
  font-weight: bold;
  background: #dbd0b5;
}
.sidebox3:hover .sbUeText { 
    background: rgb(238, 165, 0);
    color: #fff; 
}
.sidebox3:hover .sbUe2 a {
    z-index: 4; 
    background: rgba(255, 255, 255, .5);
}
/********************************************
	 	NAVIGATION
**********************************************/

/*#siteNotice,  Crumbs */

#siteNotice { 
	font-family: Calibri, sans-serif;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 1em;
    text-align: left;
	font-size: 1rem;
	line-height: 2em;
	background:;
}
.crumbs {
    text-align: left;
}

/**** Position *******/

#nv {
 position: absolute;
 left: 0;
 top: 12.5rem;
 right: 0;
 font-size: 1rem;
 z-index: 12;
 color:#555;
 } 
.mobile #nv {
 position: absolute; 
 top: 24px;  
 }
#nv.fixed #nv_content {  
    position: fixed;
    top: 30px;
 }
#chapters {
 position: absolute;
 width: 12.5em;
 left: -6.25em;
 }
.mobile #chapters {
 left: 0px;
 }

/* nav fixieren (pfeil nach oben)  */
#tF {
 display:none;
 }
#nv.fixed #tF {
 display:block;
 position: absolute;
 top: 0;
 left: 0; 
 z-index: 10;
 }
#tF { 
    font-size: 1.2rem;
    width: 2rem;
    line-height: 2rem;
    font-weight: bold;
    text-align: center;
 } 

/**************
Search
**********/

#search2 {
 padding: .6em 1.2em;
 background-color:#FBFBF7; 
 border-top: 1px solid  #ddd;
   border-radius: 0 0 3px 3px;
 }
#simpleSearch {
 width:auto;
 margin:0;
  border-color: #ddd;
  border-radius: 3px; 
 font-size: 1em;
 }
#simpleSearch #searchInput { 
 font-size: .9em; 
}

/******************

Nav, Sitemap 

  s.a. Metalog:Sitemap2
********************/

#sitemapTop {
 position: absolute; 
 top: 0; 
 left: 0; 
 right: 0; 
 padding: 1.5em 1em;
 font-family: calibri, arial, sans-serif;
    z-index: 3;
}
#sitemapToggle {
 position: absolute; 
 right: 5em;  
 cursor: zoom-in;
}
#sitemapToggle.close {
 cursor: zoom-out;
}
#toggleButton  {
 position: fixed; 
 top: 0; 
 z-index:1; 
 text-align: center;
 padding: 0 2em 1em; 
}
#toggleButton::before {
 content: '\f0c9'; 
    display: block;
 margin: auto;
 font-size: 1.5rem;
    background: #efefdf;
    color: #666;
    line-height: 2rem;
    text-align: center;
    width: 2rem;
border-radius: 50%;
}
.close #toggleButton::before {
 content: '\f00d'; 
}
#toggleButton::after {
 content: '';   
    font-size: 1rem;
    font-family: calibri;
    line-height: 1em;
    color: #fff; 
    padding: .2em .5em;
    margin: .2em 0 0 -3.5em;
    border-radius: 5px;
    position: absolute;
    text-align: left;
 text-align: center;
 width: 8em; 
}
.close #toggleButton::after  {
 content: 'Inhaltsverzeichnis schließen'; 
 display: none;
}
#sitemapToggle:hover #toggleButton::after {
 display: block; 
}
#sitemapToggle:hover #toggleButton::before {
 color:#443; 
 background-color: #fffeee; 
}
#bgToggle {
 position: fixed; 
 top: 0; 
 left: 0; 
 right: 0; 
 height: 2em;  
 background-color: #444449; 
 opacity: .1;
}

#contSitemap { 
 position: absolute;  
 left: 0; 
 right: 0;  
 text-align: left; 
 padding: 4em 0;
 display: none; 
 background: #d4d4cf;
}
.headerSitemap {  
    font-family: calibri ;
    font-size: 2em;
    font-weight: bold;
    text-align: center; 
    color: #666666;
    padding: .5em;
    margin: 0;
}
#crumbs { 
 position: absolute; 
 top: 0;   
 height: 2em;  
}
#crumbs,
#crumbs a,
#crumbs a:visited { 
 color: #393930;
    font-size: .9rem;
    line-height: 2rem;
 text-transform: lowercase;
}


/****** Nav, old   ******/

#nv a { color: #016;}
#nv ul { list-style: none;}

#chapters {
 margin: 0 0 1px; 
 padding: 4px;
 font-family: Calibri, Arial;  
 border-radius: 5px;
 background-color: #dbd0b5;
     border: 0; 
     box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
}

#chapters dl, 
#chapters dd {
 margin:0;
 padding:0;
 font-size: 1em; 
 }
#chapters a,
#chapters .selflink {
 display: block; 
 background-color:#fff;
 color:#333;
 font-weight: normal;
 }
#chapters a:hover,
#chapters .hover a  {
 background-color:#eee;
 text-decoration: none;
 }
#chapters dl a,
#chapters dl .selflink { 
 text-transform: lowercase;
 text-align:center;
 margin: 0 1.2em;
 padding: 0 .1em;
 line-height: 2em;
 }


#chapters ul {
 font-size: .95em;
 margin: 0; 
}
#chapters div > ul,
#chapters li ul:hover { 
    background: #dbd0b5;
    padding: 4px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
    z-index: 4;
}

#chapters li {
  position: relative;  
  margin: 0;
  padding: 0;
  text-indent: .5em;
  list-style: none; 
   text-align: left;
}
#chapters li:first-child {
  border-radius: 3px 3px 0 0;
}
#chapters li:last-child { 
  border-radius: 0 0 3px 3px;
}

#chapters li a,
#chapters li .selflink { 
  border: 0;
  line-height: 1.1em;
  padding-top: .2em;
  padding-bottom: .3em; 
  padding-left: 2em;
  text-indent: -1em;
 }
#chapters li:last-child a {
  padding-bottom: .5em;
}
#chapters li .selflink:before {
  content: "\f00c"; /* fa-check */  
  font-size: .9em; 
  width: 1em; 
  margin-left: -1em;
  margin-right: .2em;
  opacity: .8;
} 
 
#chapters li ul {
    position: absolute;
    font-size: 1em;
    top: -1.7em;
    left: 12.5em;
    display: block;
}
#chapters li ul::after {
    width: 2.5em;
    position: absolute;
    left: -2em;
    top: 2.4em;
 display: block; 
 content: "\f04b"; /* fa-play */
 font-size: .7em;
 color: rgba(0, 0, 0, 0.33);
 }
#chapters li ul:hover::after,
#chapters li ul.hover::after,
#chapters li.self_parent ul:after {
 color: #DA3400; 
 }

#chapters li ul li {
    display: none; 
    }
#chapters li ul:hover li {
    display: block; 
    }
/* ***** Nav > Show, hide, position *********/

#chapters div[id] > ul {  
    position: absolute;
    width: 12.5em;
    top: -2em;
    left: 13.45em; 
    display: none;
 }
#chapters div[id]:hover > ul,
#chapters div[id].hover > ul { 
 display: block; 
 }
#chapters li {
 position: relative;
 }

#chapters ul::before  {
    content: '';
    display: block;
    position: absolute;
    left: -10px;
    top: -5px;
    right: -10px;
    bottom: -10px;
}
#chapters li ul:hover::before {
    left: 0;
    width: 13.5em;
    }
#chapters li ul {
    position: absolute;
    font-size: 1em;
    width: 12.5em;
    top: -1.7em;
    left: 12.5em;
    display: block;
 }
#chapters li ul:before {
  width: 2.5em; 
  position: absolute;  
  left: -2em;
  top: 2.4em;
}
#chapters li ul:hover,
#chapters li ul.hover {
 z-index:10;
 }
#chapters li ul li { 
 display: none;
 }
#chapters li ul:hover li,
#chapters li ul.hover li {
 display: block; 
 }
#chapters #p-Wiki > ul, 
#chapters #p-Texte > ul, 
#chapters #p-Essay > ul { 
 top: 12.5em;
 }

/* ***** NAV-FARBEN *********/

#chapters #p-Home  {
 background-color: #D0CAB0; 
     border-radius: 3px 3px 0 0;
 }
#chapters #p-Home li a { 
 color:#554;
 background-color:#F9F6EB;
 border-color:#D9D6B6;
 }
*[class*=Religion-in-Japan] #toc li,
*[class*=Religion-in-Japan] #toc li a {
     background: rgb(236, 240, 244);
     color: #346;
}
*[class*=Religion-in-Japan] #toc li a:hover {
     background: rgb(217, 223, 228); 
}
*[class*=Religion-in-Japan] #chapters #p-Home dl a,
*[class*=Konzept] #chapters #p-Home dl a,
*[class*=Benuetzung] #chapters #p-Home dl a,  
#chapters #p-Home .selflink, 
#chapters #p-Home:hover dl a, 
#chapters #p-Home li:hover > a,
#chapters #p-Home .self_parent > a,
#chapters #p-Home a:hover  {
  background-color:#EAE5CB; 
  border-color: #D0CAB0;
  }
#chapters #p-Home li  {  
 background-color: #BDB796;
 color: #EFEDDA;
 border-color: #D0CAB0;
 }

#chapters #p-Meta  {
 background-color:#cecbad;
 }
*[class*=page-Meta] #toc li a:hover,
.ns-4 #chapters #p-Meta dl a,
#chapters #p-Meta a:hover,  
#chapters #p-Meta:hover dl a, 
#chapters #p-Meta li:hover > a,
#chapters #p-Meta .self_parent > a,
#chapters #p-Meta .selflink {
  color:#555; 
  background-color:#E8E7CA; 
  border-color:#cecbad;
  }
#chapters #p-Meta li  { 
 background:#aaa787;
 color:#f7f6e6;
 border-color:#cecbad;
 }
*[class*=page-Meta] #toc li,
*[class*=page-Meta] #toc li a,
#chapters #p-Meta li a { 
 color:#554;
 background:#f7f6e6;
 border-color:#d9d8b6;
 }

#chapters #p-Grundbegriffe {
  background-color:#334;
 }
*[class*=page-Grundbegriffe] #toc li a:hover,
*[class*=page-Grundbegriffe] #chapters #p-Grundbegriffe dl a,
#chapters #p-Grundbegriffe a:hover,  
#chapters #p-Grundbegriffe:hover dl a, 
#chapters #p-Grundbegriffe li:hover > a,
#chapters #p-Grundbegriffe .self_parent > a,
#chapters  #p-Grundbegriffe .selflink {
 background-color:#b0b0bb;
 color:#113;
 border-color:#667;
 }

#chapters #p-Grundbegriffe li {
 background-color:#445;
 color:#dadade;
 border-color:#667;
 }
*[class*=page-Grundbegriffe] #toc li,
*[class*=page-Grundbegriffe] #toc li a,
#chapters #p-Grundbegriffe li a { 
 background-color:#CBCBD7;
 color:#113;
 border-color:#889;
 }

#chapters #p-Bauten {
  background-color:#ae3711;
  }
*[class*=page-Bauten] #toc li a:hover,
*[class*=page-Bauten] #chapters #p-Bauten dl a,
#chapters #p-Bauten a:hover,  
#chapters #p-Bauten:hover dl a, 
#chapters #p-Bauten li:hover > a,
#chapters #p-Bauten .self_parent > a,
#chapters #p-Bauten .selflink {
 background-color:#f7c69e;
 color:#720;
 border-color:#ae3711;
 }
#chapters #p-Bauten li {
 background-color:#9b4024;
 color:#ffebce;
 border-color:#ae3711;
 } 
*[class*=page-Bauten] #toc li,
*[class*=page-Bauten] #toc li a,
#chapters #p-Bauten li a { 
 background-color:#ffe5cb;
 color:#720; 
 border-color:#d7764e;
 }

#chapters #p-Alltag {
 background-color:#A6A66F;
 }
*[class*=page-Alltag] #toc li a:hover,
*[class*=page-Alltag] #chapters #p-Alltag dl a,
#chapters #p-Alltag a:hover, 
#chapters #p-Alltag:hover dl a, 
#chapters #p-Alltag li:hover > a,
#chapters #p-Alltag .self_parent > a,
#chapters #p-Alltag .selflink {
 background-color:#dfdfa8;
 color:#331;
 border-color:#A6A66F;
 }
#chapters #p-Alltag li {
 color:#ffe;
 background-color:#9E9E6A;
 border-color:#A6A66F;
 }
*[class*=page-Alltag] #toc li,
*[class*=page-Alltag] #toc li a,
#chapters #p-Alltag li a { 
 background-color:#efefc2;
 color:#442; 
 border-color:#B8B885;
 }

#chapters #p-Ikonographie {
 background-color:#3C325B;
 }
*[class*=page-Ikonographie] #toc li a:hover,
*[class*=page-Ikonographie] #chapters #p-Ikonographie dl a,
#chapters #p-Ikonographie a:hover,  
#chapters #p-Ikonographie:hover dl a, 
#chapters #p-Ikonographie li:hover > a,
#chapters #p-Ikonographie .self_parent > a,
#chapters #p-Ikonographie .selflink {
 background-color:#a19cb6;
 background-color:#b7b3c7;
 color:#103;
 border-color:#4F466D;
 }
#chapters #p-Ikonographie li  { 
 background-color:#4F466D;
 color:#eef;
 border-color:#4F466D;
 } 
*[class*=page-Ikonographie] #toc li,
*[class*=page-Ikonographie] #toc li a,
#chapters #p-Ikonographie li a { 
 background-color:#c1bcd6;
 background-color:#dedbef;
 color:#103; 
 border-color:#766E90;
 }

#chapters #p-Mythen {
 background-color:#B1BBA6;
 }
*[class*=page-Mythen] #toc li a:hover,
*[class*=page-Mythen] #chapters #p-Mythen dl a,
#chapters #p-Mythen a:hover,   
#chapters #p-Mythen:hover dl a, 
#chapters #p-Mythen li:hover > a,
#chapters #p-Mythen .self_parent > a,
#chapters #p-Mythen .selflink  {
 background-color:#DEE4CF;
 color:#333;
 border-color:#bbc6b0;
 }
#chapters #p-Mythen li  { 
 background-color:#A9B29E;
 color:#f0f4e0;
 border-color:#CCD3BF;
 border-color:#bbc6b0;
 }
*[class*=page-Mythen] #toc li,
*[class*=page-Mythen] #toc li a,
#chapters #p-Mythen li a { 
 background-color:#f0f4e0;
 color:#333; 
 border-color:#CCD3BF;
 }

#chapters #p-Geschichte {
 background-color:#357;
 }
*[class*=page-Geschichte] #toc li a:hover,
*[class*=page-Geschichte] #chapters #p-Geschichte dl a,
#chapters #p-Geschichte a:hover,  
#chapters #p-Geschichte:hover dl a, 
#chapters #p-Geschichte li:hover > a,
#chapters #p-Geschichte .self_parent > a,
#chapters #p-Geschichte .selflink {
 background-color:#A9CBDB;
    background-color: #b2dbec;
 color:#012;
 border-color:#5C7E94;
 }
#chapters #p-Geschichte li { 
 background-color:#357;
 color:#D5EFF9;
 border-color:#5C7E94;	
 } 
*[class*=page-Geschichte] #toc li,
*[class*=page-Geschichte] #toc li a,
#chapters #p-Geschichte li a { 
 color:#135;
 background-color:#c0e1ee;
   background-color: #d1eef8;
 border-color:#7C9EB4;
 }

#chapters #p-Texte {
 background-color:#ac9a5b;
 }
*[class*=page-Texte] #toc li a:hover,
*[class*=page-Texte] #chapters #p-Texte dl a,
#chapters #p-Texte a:hover,  
#chapters #p-Texte:hover dl a, 
#chapters #p-Texte li:hover > a, 
#chapters #p-Texte .self_parent > a,
#chapters #p-Texte  .selflink  {
 background-color:#E8DFA7;
 color:#5c5033;
 border-color:#CAB776;
 }
#chapters #p-Texte li  { 
 background-color:#ac9a5b;
 color:#ffe;
 border-color:#CAB776;
 }
*[class*=page-Texte] #toc li,
*[class*=page-Texte] #toc li a,
#chapters #p-Texte li a { 
 color:#5c5033;
 background-color:#ece5b6; 
 }

#chapters #p-Essay {
 background-color:#755337;
 } 
*[class*=page-Essay] #toc li a:hover,
*[class*=page-Essay] #chapters #p-Essay dl a,
#chapters #p-Essay a:hover,  
#chapters #p-Essay:hover dl a, 
#chapters #p-Essay li:hover > a, 
#chapters #p-Essay .self_parent > a,
#chapters #p-Essay .selflink  { 
  background-color: #dcbf82;
  color: #3c2f10;
 }
#chapters #p-Essay li  { 
 background-color:#ac8e5b;
 color:#ffe; 
 }
*[class*=page-Essay] #toc li,
*[class*=page-Essay] #toc li a,
#chapters #p-Essay li a { 
 color:#5c5033;
 background-color:#F3EEC7;
 border-color:#DECA87;
 }

#chapters #p-Wiki {
 background-color:#cecbad;
 }
#chapters #p-Wiki a:hover,  
#chapters #p-Wiki:hover dl a, 
#chapters #p-Wiki li:hover > a,
#chapters #p-Wiki .self_parent > a,
#chapters  #p-Wiki .selflink {
 background-color:#e8e7ca;
 color:#555;
 }
#chapters #p-Wiki li {
 background-color:#aaa787;
 color:#f7f6e6; 
 } 
#chapters #p-Wiki li a { 
 background-color:#f7f6e6;
 color:#554;  
 }


  /********  Suchmaske ***********/	

#mw-searchoptions > table {
 width:35%;
 }

#mw-search-ns1, 
#mw-search-ns3, 
#mw-search-ns5, 
#mw-search-ns7, 
#mw-search-ns9, 
#mw-search-ns11,
#mw-search-ns13,
#mw-search-ns15,
#mw-search-ns101,
#mw-search-ns103,
#mw-search-ns105,
#mw-search-ns107,
#mw-search-ns109,
#mw-search-ns111,
#mw-search-ns113,
#mw-search-ns121,
#mw-search-ns123,
#mw-search-ns125 {
  display: none;
}
#mw-search-ns1 + label,
#mw-search-ns3 + label,
#mw-search-ns5 + label,
#mw-search-ns7 + label,
#mw-search-ns9 + label,
#mw-search-ns11 + label,
#mw-search-ns13 + label,
#mw-search-ns15 + label,
#mw-search-ns101 + label,
#mw-search-ns103 + label,
#mw-search-ns105 + label,
#mw-search-ns107 + label,
#mw-search-ns109 + label,
#mw-search-ns111 + label,
#mw-search-ns113 + label,
#mw-search-ns121 + label,
#mw-search-ns123 + label,
#mw-search-ns125 + label {
  color:#eee; 
  display: block; 
  width: .1em; 
  height: .1em; 
  overflow: hidden;
}

/*** 


Mobile s. vector.css 



***/