MediaWiki:Common.css

/*************************
Hier befinden sich vorwiegend css-Befehle, die den ursprünglichen Wiki-Code beeinflussen (Änderungen am Standardlayout, Navigationsmenü)
Siehe auch	
* MediaWiki:Vector.css (css für Extensions, Templates, etc.)
* MediaWiki:Print.css  
****************************/
/* Framework */ 
html {
   scroll-behavior: smooth;	
   scroll-padding-top: 4rem;
}  

html,
body {
 margin: 0;
 padding: 0;
 font-size: calc(12px + .3vw);
 background: #eeeee5 url(/rel_jap/bg/irregular.jpg);
 background: #eeeee5 url(/rel_jap/wikibilder/luck.jpg); 
 color: black;
 font-family:  Arial, sans-serif; 
} 

/***   Head   ***/

#mw-page-base, 
#mw-head-base, 
#mw-head {
 position:absolute;
 z-index:4;
}
#mw-page-base {
 height: 100vh;
 position:fixed; 
 z-index:0;
 top: 0; 
 left: 0; 
 right: 0; 
 background:transparent;
 }
 #mw-head {
    top: 3.5rem;
    margin: auto;
    left: 0;
    right: 0;
    width: calc(100% - 18rem); 
    max-width: 78rem;
}
/* Content */
#content  {
 position:relative;
 z-index:1;  
    font-family: Georgia, Times, 'ヒラギノ明朝 ProN' , 'Hiragino Mincho ProN' , '游明朝','游明朝体',YuMincho,'Yu Mincho', serif;
  border:0;
  border-radius: 0 0 5px 5px;
    width: calc(100% - 4rem);
    min-height: calc(100% - 9rem);
    max-width: 92rem;
    min-width: 640px;
    margin: 0 auto; 
    padding: 1px 0; /* 1px gegen  margin collaps*/
    overflow: visible; 
 } 
.action-view #content {
    background: transparent;
 } 
.action-edit #content {
 margin: 0 0 0 10rem; 
    width: auto;
    max-width: none;
 padding:0 1rem;
  box-shadow: 0 4px 15px rgba(145, 142, 117, 0.5);
 } 
#siteNotice { 
	font-family: Calibri, sans-serif;
    text-align: left; 
	font-size: 1rem;
	line-height: 2; 
}
/* siteNotice erzeugt den Hintergrund */
.action-view  #siteNotice {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    background: #fbfbf7;
    height: 100%;
    z-index: -1;
    margin: 0 auto;
    max-width: 78rem;
    width: calc(100% - 14rem);
    padding: 0;
    box-shadow: 0 4px 15px rgba(145,142,117,0.5);
border-radius: 0 0 .5em .5em;
}
#localNotice {
	background: #f7f6e6; 
 height: 3rem; 
 padding: .25rem 2rem;
 overflow: hidden;
}
.ns--1.action-view #content,
.ns-6.action-view #content, 
.ns-302.action-view #content, 
.ns-8.action-view #content, 
.ns-10.action-view #content { 
    background: #fff;
}
.ns--1.action-view #siteNotice,
.ns-6.action-view #siteNotice,
.ns-8.action-view #siteNotice,
.ns-10.action-view #siteNotice,
.ns-302.action-view #siteNotice {
    width: auto;
    height: auto;
    max-width: none;
    min-width: auto;
    position: static; 
    box-shadow: none;
} 
/****  bodyContent  ****/
#bodyContent {
 font-size:1rem;
}   
.action-view #bodyContent,
.wikiEditor-preview-contents {  
 position:static; 
 border-top: 1px solid transparent; /* avoid margin collapse */
 margin-top: 3.5rem; /* Platz für Sitenotice */
    padding: 0 0 2rem;
 font-size:1.1rem;
  }  
 .ns--1.action-view #bodyContent,
.ns-6.action-view #bodyContent,
.ns-8.action-view #bodyContent,
.ns-10.action-view #bodyContent,
.ns-14.action-view #bodyContent,
.ns-302.action-view #bodyContent {
    padding: 0 2rem 2rem;
    max-width: 70rem;
    margin: auto;
 } 	 
.action-view .mw-content-ltr,
.wikiEditor-preview-contents { 
}
/* Silbentrennung */

#bodyContent {
 -webkit-hyphens: auto;
 -epub-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 hyphens: auto;
}

#bodyContent .firstHeading,
#bodyContent h2,
#bodyContent h3,
#bodyContent h4 {
 -webkit-hyphens: manual;
 -epub-hyphens: manual;
 -moz-hyphens: manual;
 -ms-hyphens: manual;
 -o-hyphens: manual;
 hyphens: manual;
}
/***********************
   width 
************************/
 
.mw-parser-output > *, 
#mw-pages > * {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    /*min-width: 40rem;*/ 
} 
.mw-parser-output > ul, 
.mw-parser-output > ol,
.mw-parser-output > dl  {
    width: calc(50% - 4rem); 
}
.mw-parser-output > .zitat {
    margin: 0.8em auto;
    padding: 1.5rem 4rem 1rem;
    width: calc(50% - 8rem); 
}
 
/* MW Navigation */
  
#ca-unwatch, 
#left-navigation #ca-talk, 
.action-view #left-navigation, 
.action-view #p-views,  
.action-view #p-cactions,
.action-edit #p-search {
 display:none;
 } 
.ns-2 #left-navigation, 
.ns-3 #left-navigation, 
.ns-2 #left-navigation #ca-talk, 
.ns-3 #left-navigation #ca-talk {
 display:block;
 } 
 
#mw-head { /*Platz für crumbs schaffen */
	top: 3.5rem;
}
#left-navigation, 
#right-navigation {
	margin: 0;
}

.ns-2 #left-navigation #ca-talk, 
.ns-3 #left-navigation #ca-talk {
 display:block;
 } 

/* Logo */
#p-logo {
	display:none;
 position: absolute;
 z-index:4;
 top: -10em;
 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;
 }
 
/* Panel */
#mw-panel {
    position: absolute;
    top: 50vh;
    transform: translate(0, -50%); 
    padding: 0 0 1em .5em;
 width: 9.5em;
 left: 0; 
 z-index:4;
 background: #f5f5ee;
 border-bottom: 1px solid #def;
 }
#p-logo,
#p-lang,
.action-view #mw-panel,
.action-view #mw-head-base  {
 display: none;
}

/* Hide */

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

 
/** Wiki-Navigation **/
#p-personal {
	top: -1.5rem;
}

#p-personal li {
 line-height: 1.125;
 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;
 }


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

#footer {
 position: relative; 
    margin: 2rem auto 0;
    padding:  .5rem 2rem;
 background: transparent;
 text-align: center;
 max-width: 90rem;
 font-family: calibri;
 font-size: .9rem;
 }
#footer ul {
 margin: 0;
 padding: 0;
 }
#footer ul li {
 line-height: 2 ;
 margin:0 ; padding:0 ;
 font-size: 1em;
 }
#footer ul li::before {
	content:'';
}
#footer-info {
    float: left;
    text-align: left; 
    margin: .5rem 0;
    max-width:40rem;
}
#footer a,
#footer a:visited { 
 color:#016;
 }
#footer-info-disclaimer, 
#footer-places-about {
 display:none;
 }
#footer #footer-info li {
    line-height: 1.4em; 
    color: #555; 
}
#footer #footer-info #footer-info-copyright,
#footer #footer-info #footer-info-viewcount { 
    padding: 0.5em;
    background: rgb(223 215 201 / 76%);
}
#footer #footer-info #footer-info-copyright {
    padding: 0.6em 1em;
    position: absolute;
    top: -1.5em;
    left: 50%;
    transform: translateX(-50%); 
}
#footer-places,
#footer-icons {
	float:right; 
	clear:right;
}
#footer #footer-icons {
    padding-top: 0.5em;
}
#footer #footer-places #footer-places-about {
    padding: .7em 0;
    font-style: italic;
    margin-right: .3em;
} 
#footer #footer-icons li {
    float: none;
}
#footer-icons img {  
	margin: 2px;
    border: 0;
 } 
 #footer-affiliationico img {
    border-radius: 3px; 
    box-shadow: 1px 1px #ccc;
}
.printfooter {
	display: none;
}

/****************************************
		Text Formate
*****************************************/

/* 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.3; 
    font-size: .9rem;
} 
textarea { 
 font-size: 1.3em;
 background:#ffe;
 color:#005;
 }
 .mw-editfont-monospace, 
 .mw-editfont-sans-serif, 
 .mw-editfont-serif,
 .wikiEditor-ui .ace_editor { 
    font-size: .8rem;
}

i i { 
 font-style: normal;
 }

/**********************************
        LINKS
**********************************/

a, 
a:visited {
 text-decoration: none;
 color: #832800; /*braun*/
 color: #1067AC; /*blau*/
 background: none;
 }
a:hover {
 text-decoration: underline;
 color: #1067AC; /*blau*/
 background-color:#f5f5ee; 
 }
a:active {
 color: #faa700;
 }

#content a.external, 
#content a.external[href^="gopher://"],
#content a.external:visited, 
#content a.external[href^="gopher://"]:visited {
 color: #1A7BC9; /*blau 2*/
 background: transparent;
 padding-right: 0px;
 }
#content a.external::after  {
 font-family: calibri, arial;
 padding-left: .2em;
 content: "↗";
 }
#content .noarrow a.external:after, 
#content #chapters  a.external:after {
 padding-left: 0px;
 content: "";
 } 
 
 /********************
     Absätze und Listen 
 ********************/

#content p {
    margin: 0 auto 1em; 
}  

.ns-0 .mw-parser-output > p:first-of-type,
.ns-4 .mw-parser-output > p:first-of-type {
    font-size: 1.1em;
    margin-bottom: 2em!important;
}

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

.mw-parser-output > p, 
.mw-parser-output > ul li,
.mw-parser-output > ol li,
.mw-parser-output > dl dd {
 text-align: justify;
 }
 
 /* list-style */
 
ul {
 list-style-type: none;
 list-style-image: none;
 }
ul li::before {
   /*content:  '\f111' ; fa-circle  */ 
    content: '\2022'; /* bullet  */
    font-family: times, serif;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1; 
    position: absolute;
    margin-left: -1.3rem; 
    color: #0e5892;
 }
.mw-parser-output ul ul {
    padding-bottom: 0;
}
 .shortlist ul {
    padding-bottom: .8em;
}
 .shortlist li {
    margin-bottom: 0;
}

#mw-navigation li::before, 
.ns--1 li::before {
    content: '';
}

/* 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: bold;
 margin: 0 auto;
 padding-top: .5em;
 padding-bottom: .17em;
 overflow: visible;
 color:#333;
 border: 0 ;
 position: relative;
 }
h4, h5, h6 {
 font-weight: normal;
} 

/* 		firstHeading		 */
 
#content #firstHeading { 
    padding: 2.5em 0 1em;
  font-size: 2em;
  line-height: 1.2;
  font-family: calibri, "Trebuchet MS"; 
    font-size: 1.5em; 
    font-family: monospace;
}
.ns-2 #content #firstHeading,
.ns-12 #content #firstHeading {
  font-size: 2em; 
  font-family: calibri, "Trebuchet MS"; 
  padding: 4.5em 0 1em;
}
.ns-120 #firstHeading,
.ns-124 #firstHeading {
 display:none;
}
.firstHeading {
   position: relative;
  font-size: 2.8em;
  line-height: 1.2;
  font-family: calibri, "Trebuchet MS";
  font-weight: bold;
  text-align: center; 
   padding: 1.2em 0 1em; 
   padding: 1.3em 0 1.1em;
   margin: 0 auto;
} 
.ns-6 .firstHeading {
    margin: 0;
    text-align: left;
    font-size: 1.5rem;
    padding: .5rem 0;
}
.firstHeadingBody {
 position: static; 
 display: block; 
 padding: 0;  
 margin: auto -4rem;
}
.firstHeadingBody span {
 display:block;
 font-weight: normal;
 font-size: .75em;  
}
.titel_zusatz {
    margin-top: -2rem;
    line-height:2;
}
.bottom {  
}
.firstHeadingBody::after,
.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;
}
/* Hauptseite, Sitemap */

.headline .firstHeading {
    font-family: georgia, times, serif;
    font-weight: bold;
    margin: 0 0 .5rem;
    padding: 0 !important; 
    color: #333 !important;
    text-align: left; 
}
.headline .firstHeadingBody { 
    margin: 0; 
    padding-top: 1.2em;
    text-transform: uppercase;
    font-size: 2.2rem;
    font-weight: bold; 
    text-shadow: 0.02em 0.02em 0.05em #888;
    line-height: 1.1em;
}
.headline .firstHeadingBody::after {
	display: none; 
}
.headline .firstHeadingBody a {
    color: inherit;
} 
.headline .firstHeadingBody a:hover {
    text-decoration: none;
}
.headline .bottom {
    font-size: .8em;
    line-height: 2em;
    text-transform: lowercase;
    text-shadow: none; 
   text-indent:.1em;
} 
.wrapLogo {
    width: calc(50% + 9rem);
}
.headerSitemap {
    max-width: 52rem;
    margin: auto;
}
.logo150 {
    float: left;
    position: relative;
    z-index: 1;
}  

.headerSitemap .logo150 { 
	margin-left: -2rem;
}  
.logo150 img {
	width: 9rem; 
	height: inherit;
}
/* header vor Bild */

.firstHeading.vorBild {
    margin-bottom: -3em;
    position: relative;
    z-index: 3;
    color: #fff !important;
    text-shadow: 0 0 10px #000; 
}
.vorBild + .imax {
	margin-top: -8rem;
}
.vorBild .firstHeadingBody {
	margin: auto;
}
 .vorBild .firstHeadingBody::after {
 	display:none;
}
/*	H2, H3,... 	*/

#content h2 {  
    font-family:calibri, "Trebuchet MS"; 
    line-height: 1.2;
	text-align: center;
	margin: 1.2em auto 1em; 
	padding: .5em .5rem .17em;
	padding: 0;
}
#content h2.noborder {
  padding-bottom:0;
  border:0;
}
#content .i500 + h2 { 
    margin-top: 2em;
}

#content h3 {  
  font-family:calibri, "Trebuchet MS";  
  font-style:italic;
  line-height: 1.2;
  font-size: 1.3em;
  text-align: left;
  margin: 1em auto .8rem; 
  padding: .5em .5rem 0em;
  /*clear: left;*/
}
#content h4 { 
  font-family:calibri, "Trebuchet MS"; 
  font-weight:bold; 
  font-size: 1.2em;
  line-height:1.6; 
  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    */

/********************************************
	 	NAVIGATION
**********************************************/

/*#siteNotice,  Crumbs */

.crumbs {
    text-align: left;
    overflow: hidden; 
    width: auto !important; 
}
.crumbs,
.crumbs a,
.crumbs a:visited { 
 color: #393930; 
    line-height: 3rem;
    text-transform: lowercase;
}
.crumbs small {
  padding: 0 .4em;
}
/************
Search
**********/
#p-search {
    position: fixed;
    top: 0.25rem;
    left: 0;
    right: 0;
    width: calc(100% - 4rem);
    margin: 0 auto;
    max-width: 92rem;
    height: 0;
}
#search2 {
 padding: .6em 1.2em;
 background-color:#FBFBF7; 
 border-top: 1px solid  #ddd;
   border-radius: 0 0 3px 3px;
 } 
#p-search #searchform {
    margin-right: 9rem;
}
#simpleSearch { 
    width: auto;
    max-width: none;
    float: right;
    margin: 0; 
    font-size: 1em;
    margin: 0;
    padding: 0;
    background: transparent;
    height: 2.7rem; 
    border:0; 
}
#simpleSearch #searchInput {
 font-size: 1.1rem; 
    width: 0; 
    transition: width .5s;
    background: #fff;
    float: right;
    padding: .25rem 0;
    margin: .5rem 2.5rem 0 0;
    text-indent: .5rem;
    border-radius: .5em; 
    box-shadow: inset 0 0 0.15em 0.05em #bab8ab; 
}
#simpleSearch:hover #searchInput, 
#simpleSearch #searchInput:focus, 
#simpleSearch #searchInput:active {
    width: 16em;
}
#simpleSearch #searchButton { 
    height: 2.7rem;
    width: 2rem;
    background-size: contain;
    opacity: .3;
}
#mw-searchoptions td:nth-child(2) {
    display: none;
}
/******************

Nav, Sitemap 

  s.a. Metalog:Sitemap
********************/

#sitemapTop {
 position: absolute; 
 top: 0; 
 left: 0; 
 right: 0; 
 padding: 1.5em 0;
 font-family: calibri, arial, sans-serif;
    z-index: 3;
    max-width: 78rem;
    width: calc(100% - 14rem); 
}
#sitemapToggle, 
#v-container {
 position: absolute; 
    right: 0;
 cursor: zoom-in;
}
#v-container {
	cursor: auto;
}
#sitemapToggle.close {
 cursor: zoom-out;
}
#toggleButton  {  
 text-align: center;
 line-height: 3rem;
    padding: .25rem 0; 
    width: 3.5rem; 
    height: 3.5rem; 
}
#toggleButton::before {
 content: '\f0c9'; 
  font-family:  "Font Awesome 5 Free";
    display: block;
 margin: auto;
 font-size: 1.5rem;
 line-height: 200%;
    background: #efefdf;
    background: #afab91;
    color: #fff;
    text-align: center;
    width:  3rem ;
    height: 3rem ;
border-radius: 50%; 
}
.close #toggleButton::before {
 content: '\f00d'; 
  font-family:  "Font Awesome 5 Free";
}
#bgToggle {
 position: fixed; 
 top: 0; 
 left: 0; 
 right: 0; 
 height:  3.5rem ;
 background-color: #444440; 
 opacity: .05;
}
.verticalNav { 
    width: 0;
    height: 100vh;
    height: 100%;
    position: fixed;
    top: 0;
    margin-left: -4rem;
    text-align: center;
    z-index: 1;
}
/* top arrow*/
#top {
    position: absolute;
    top: 0;
}
#toparrow {    
    position: absolute; 
    bottom: 1rem; 
    display:none;
}
#toparrow a {
    display: block;
    width: 3.5rem;
    color: #aaa;
    font-weight: normal;
    font-style: normal;
    text-align: center; 
    color: transparent; 
    font-size: 1rem; 
    background: transparent; 
} 
#toparrow *::before {
    content: '\f062';
    font-family: "Font Awesome 5 Free";
    display: block;
    font-size: 2rem; 
    color: rgb(153 153 153 / 50%);
}
#toparrow a:hover,
#toparrow a:hover::before {
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  color: #555;
}
.mw-editsection { 
     visibility: hidden;
} 
*:hover > .mw-editsection,  
#toparrow:hover {
     visibility: visible;
} 


#contSitemap { 
 position: absolute;  
 left: 0; 
 right: 0;  
 text-align: left;  
    padding: 3rem;
 display: none; 
 background: #fff;
 border-radius: 8px;
} 
.sitemap {
 position: relative;  
 margin: 1rem auto 0; 
 font-size: 1.25rem; 
    color: #79776f;
    color: #246;
    font-family: calibri, arial, 'yu gothic', 'ms gothic', sans-serif;
    max-width: 52rem;
    clear: both;
}  
.sitemapBg {
    background: #e4e4cc; 
    margin-bottom: 2em;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(15em,1fr));
    grid-gap: 0 4px; 
    box-shadow: 0 0 10px 1px rgba(1, 1, 0, 0.2);
    box-shadow: 0 0 5px 1px #dbd0b5;
}
.sitemap a,
.sitemap a:visited {
    color: #2a4b8d;
}
.sitemap a:hover { 
 background: #e4e4cc;
} 
.part {
    min-width: 15em;
    flex-grow: 1;
    -ms-flex-preferred-size: 50%;
}
.chapterSitemap {
 position: relative;
 border-left: 3.5em solid #e4e4cc; 
 padding: 1em 1em 1em 0;
 background-color:#fffbee;
}  
.sitemap dd b {
    padding-left: 1.42rem;
}
.sitemap dd span {
    display: block;
    position: absolute; 
    left: -4.35rem;
    width: 4.3rem;
    text-align: center;
    color: rgb(255 255 255 / 80%); 
    font-size: 1.25em;
    line-height: 1.35;
}
.sitemap dl,
.sitemap dd {
 margin: 0;
 padding: 0; 
 }
#content .sitemap ul {
 font-size: 1rem;
 margin: 0;
 padding: 0;
 padding-top: .7em; 
 text-align: left;
 }
.sitemap ul {
 display:none;
}
 
.sitemap li {
 margin: 0;
 margin-left: .75em;
 color: #777; 
 text-align: left;
 }
.sitemap li::before { 
    content: '';
    margin: 0; 
    padding: 0; 
}
.sitemap li a::before { 
    content: '\2022';
    font-family: 'Font Awesome 5 Free';
    display: inline-block;
 margin-left: -.75em;
 width: .75em;
}
.sitemap li li::before { 
    margin-left: 0; 
}
.sitemap li a,
.sitemap li .selflink,
.sitemap li > i { 
 display: block;  
 padding-left: 1.5rem; 
 border-radius: 1em; 
 }
.sitemap li > i {   
	margin-left: -.75em;
}
#content .sitemap ul ul {  
    margin-top: -.2em;
    padding-top: 0;
 padding-left: 1.5rem; 
 font-weight: normal;
 }
.sitemap li li,
.sitemap li li a, 
.sitemap li li .selflink {  
    display: inline-block;
    margin-left: .3em;
    padding: 0 .2em;
 }
.sitemap li a.selflink { 
    background: #efefdf;
    background: #e4e4cc; 
    display: block; 
}
.sitemap li a.selflink::before {
    content: '\f0d7'; 
    content: '\f0da';
    padding-right: 0;
}
.plusMinus {
 cursor: pointer; 
 position: relative; 
 display: block; 
 border-radius: 0 .95em .95em 0;
}
.plusMinus:hover { 
 background: #e4e4cc;
}
.plusMinus::after {
 content: "\f067"; 
  font-family:  "Font Awesome 5 Free";
 position: absolute; 
 right: .5em;
}
.plusMinus.close::after {
 content: "\f068"; 
  font-family:  "Font Awesome 5 Free";
}
.plusMinus::after {
 color: #efefdf; 
 color: #dadaba;
}
#plusMinusAll::after,
.plusMinus:hover::after  {
 color: #afaf9f;  
}
#plusMinusAll {
    font-size: .86em;
    text-align: right;
    padding: .3em .3em .4em; 
    border-radius: 6px;
    margin: 0 2% -5px 50%;
    margin-left: calc(100% - 14.4em);
    cursor: pointer;
    width: 13em;
    height: 1.7em;
    overflow: hidden;
    white-space: nowrap;
    /* background-color: #dfdfc6; */
    background: #f9f3e1;
    background: #f7f4e4;
    position: absolute;
    top: .2em;
    transition: margin 1s;
    box-shadow: 0 0 10px 1px rgba(1, 1, 0, 0.2);
    box-shadow: 0 0 5px 1px #dbd0b5;
}
.sitemap:hover #plusMinusAll {
    margin-top: -2.2em; 
}
#plusMinusAll::before {
 content:'Details anzeigen';
    font-family: calibri, arial, sans-serif;
}
#plusMinusAll::after {
 content:'\f067'; 
  font-family:  "Font Awesome 5 Free";
    padding: 0 1em;
}
#plusMinusAll:hover {
    background: #fffbee;  
}
#plusMinusAll.close::before {
 content:'Details verbergen';
}
#plusMinusAll.close::after {
 content:'\f068';
  font-family:  "Font Awesome 5 Free";
}
#s-container {
    position: absolute;
    right: 0;
    top: 4rem; 
    right: -3rem;  
}

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

          FARBEN

************************/
 
#p-Grundbegriffe {
	border-color: #1a1a26;
	border-color: #334; 
}
#p-Bauten {
	border-color: #992603;
	border-color: #ae3711;  
}
#p-Alltag {
	border-color: #7a7a44;
	border-color: #A6A66F; 
}
#p-Ikonographie {
	border-color: #221a3f;
	border-color: #3C325B;  
}
#p-Mythen {  
	border-color: #B1BBA6;
	border-color: #87947a;
}
#p-Geschichte {
	border-color: #357;
	border-color: #2c405b;
}
#p-Denken {
	border-color: #c8b05c; 
	border-color: #b08b34;
}
#p-Essay {  
	border-color: #9b873f; 
	border-color: #6d5a20;
} 

#p-Meta, 
#p-Glossar,
#p-Wiki {  
    border-color: #d8d8b8; 
    background: #f7f4e4;
}

/* crumbs */
[class*=page-Grundbegriffe] #localNotice { background-color:#CBCBD7; }
[class*=page-Bauten] #localNotice { background-color:#ffe5cb; }
[class*=page-Alltag] #localNotice { background-color:#efefc2; }
[class*=page-Ikonographie] #localNotice { background-color:#dedbef; }
[class*=page-Mythen] #localNotice { background-color:#f0f4e0; }
[class*=page-Geschichte] #localNotice { background-color:#deedf2; }
[class*=page-Denken] #localNotice { background-color:#ece5b6; }
[class*=page-Essay] #localNotice { background-color:#F3EEC7; } 
.ns-120 #localNotice,  
.ns-124 #localNotice { background-color: #def;} 

/******* Default *******/

#mw-page-base {    
    background-image: linear-gradient(rgba(181, 181, 165, 0.8), transparent);
}

/* depreciated

.ns-4 #mw-page-base {   
   background-image: linear-gradient(rgba(145,142,118,.0.8),transparent);
} 
*[class*=page-Grundbegriffe]  #mw-page-base {   
    background-image: linear-gradient(rgba(68, 68, 85, 0.4),transparent); 
	}
*[class*=page-Bauten]  #mw-page-base {   
    background-image: linear-gradient(rgb(175 87 35 / 40%),transparent);
 }
*[class*=page-Alltag] #mw-page-base {   
    background-image: linear-gradient(rgba(135, 135, 80, 0.8),transparent);  
 }  
*[class*=page-Ikonographie] #mw-page-base {    
    background-image: linear-gradient(rgba(60, 50, 91, 0.4),transparent);  
}
*[class*=page-Mythen] #mw-page-base {    
    background-image: linear-gradient(rgba(158, 166, 146, 0.8),transparent);  
}  
*[class*=page-Geschichte] #mw-page-base { 
    background-image: linear-gradient(rgba(51, 85, 119, 0.5),transparent); 
 }
*[class*=page-Denken] #mw-page-base {    
    background-image: linear-gradient(rgba(156, 131, 71, 0.8),transparent); 
 }	
*[class*=page-Essays] #mw-page-base {    
    background-image: linear-gradient(rgba(140, 110, 60, 0.5),transparent); 
 }	

*/
.firstHeading, h2, h3 {
 color:#918e76;
 color:#246;
 }  
#p-personal ul,
#p-personal li a,
#p-personal li a.new,
#p-personal li a.new:visited,
#toc h2 { 	
 background-color: #788099;
 background-repeat: no-repeat;
 color:#FFF;
 border: 0;  
 font-size: 1em;
 line-height: 2; 
 display:block;
 text-align: center;
 margin:  0px; 
 padding: 0 .3em;
 }
#p-personal li a, 
#p-personal li a.new { 
  background:#fff;
  color:#aaa;
}
#p-personal li a:hover, 
#p-personal li a.new:hover, 
.action-view div[id^=siteSub] a:hover { 
  background:#bbb;
  color:#fff;
} 

/* Namespace 100, NS_GRUND, Grundbegriffe */

*[class*=page-Grundbegriffe] .firstHeading,  
*[class*=page-Grundbegriffe] h2,  
*[class*=page-Grundbegriffe] h3 {
 color:#336;
 }   
*[class*=page-Grundbegriffe] #toggleButton::before, 
*[class*=page-Grundbegriffe] #toc h2 {
	background-color:#445; 
	color:#dadade;	
	}   
*[class*=page-Grundbegriffe] #sitemapToggle:hover #toggleButton::before {
	background-color:#fff;
    color:#336;
	}
	
/* Namespace 102, NS_BAU, Bauten */

*[class*=page-Bauten] .firstHeading,  
*[class*=page-Bauten] h2,
*[class*=page-Bauten] h3 {
 color:#821c00;
 border-color: rgba(247, 198, 158, 0.75);
 } 
*[class*=page-Bauten] #toggleButton::before, 
*[class*=page-Bauten] #toc h2 { 
	background-color:#b54b2a; 
	color:#ffebce;	
	}  
*[class*=page-Bauten] #sitemapToggle:hover #toggleButton::before {
	background-color:#fff;
    color:#821c00;
	}
*[class*=page-Bauten] .textbox_body {
    background-color: #feebd8;
    color: #5b3125;
 }

/* Namespace 104, NS_ALLTAG, Alltag */

*[class*=page-Alltag]  .firstHeading, 
*[class*=page-Alltag]  h2, 
*[class*=page-Alltag]  h3 {
 color:#664; 
 }  
*[class*=page-Alltag] #toggleButton::before,
*[class*=page-Alltag] #toc h2 { 
 background-color:#878750;
 } 
*[class*=page-Alltag] #sitemapToggle:hover #toggleButton::before {
	background-color:#fff;
    color:#664; 
	}
*[class*=page-Alltag] .textbox_body {
 background-color:#e6e6bb;
 color:#442;
 border-color:#B8B885;
}

/* Namespace 106, NS_IKON, Ikonographie */

*[class*=page-Ikonographie]  .firstHeading, 
*[class*=page-Ikonographie]  h2, 
*[class*=page-Ikonographie]  h3 { 
 color:#326;
 border-color: rgba(193, 188, 214, 0.66);
 }  
*[class*=page-Ikonographie] #toggleButton::before,
*[class*=page-Ikonographie] #toc h2 {
 background-color:#3C325B; 
 color:#d8d3f0; 
 }  
*[class*=page-Ikonographie] #sitemapToggle:hover #toggleButton::before {
	background-color:#fff;
    color:#326;
	}
*[class*=page-Ikonographie] .textbox_body { 
 background-color: #eaebf5;
 color:#103; 
 border-color:#766E90;
 }

/* Namespace 108, NS_MYTHEN, Mythen */

*[class*=page-Mythen] .firstHeading,
*[class*=page-Mythen] h2,
*[class*=page-Mythen] h3 { 
 color:#829082;  
 } 
*[class*=page-Mythen] #toggleButton::before,
*[class*=page-Mythen] #toc h2 {
	background-color:#9ea693; 
	color:#ffe; 
	}
*[class*=page-Mythen] #sitemapToggle:hover #toggleButton::before {
	background-color:#fff;
 color:#829082;  
	}
*[class*=page-Mythen]  .textbox_body { 
 background-color:#f0f4e0;
 color:#333; 
 border-color:#CCD3BF;
 }
	
/* Geschichte */

*[class*=page-Geschichte] .firstHeading, 
*[class*=page-Geschichte] h2, 
*[class*=page-Geschichte] h3 {
 color:#246; 
 }  
*[class*=page-Geschichte] #toggleButton::before,
*[class*=page-Geschichte] #toc h2 { 
 background-color:#357; 
 color:#c0e1ee;
  border-color:#8aacb9;	
 }
*[class*=page-Geschichte] #sitemapToggle:hover #toggleButton::before {
	background-color:#fff;
 color:#246; 
	} 

/*  Denken */
*[class*=page-Denken] .firstHeading,
*[class*=page-Denken] h2,
*[class*=page-Denken] h3 {
 color:#86682E;
 } 	
*[class*=page-Denken] #toggleButton::before,
*[class*=page-Denken] #toc h2 {
 background-color:#9c8347; 
 color:#F2F0d1;
 }
*[class*=page-Denken] #sitemapToggle:hover #toggleButton::before {
	background-color:#fff;
 color:#86682E;
	}	
*[class*=page-Denken] .textbox_body {
 color:#5c5033;
 background-color:#f5ebc9; 
 }

/* Essays */
*[class*=page-Essays] .firstHeading,
*[class*=page-Essays] h2,
*[class*=page-Essays] h3 {
 color:#825d40;
 } 
*[class*=page-Essays] #toggleButton::before,
*[class*=page-Essays] #toc h2 {
 background-color:#8c6e3c; 
 color:#F2F0d1;
 }
*[class*=page-Essays] #sitemapToggle:hover #toggleButton::before {
	background-color:#fff;
 color:#825d40;
	}	
*[class*=page-Essays] .textbox_body {
 color:#5c5033;
 background-color:#f5ebc9; 
 }
/* Glossar, Skt */
.ns-120 .firstHeading,
.ns-120 h2,
.ns-120 h3,
.ns-124 .firstHeading,
.ns-124 h2,
.ns-124 h3 { 
  color: #135;
 } 
.ns-120  #mw-page-base,
.ns-124  #mw-page-base {     
  background-image: linear-gradient(rgb(102 144 189 / 50%), transparent);
 }	
.ns-120 div[id^=siteSub],
.ns-120 div[id^=siteSub] a,
.ns-120 #toc h2, 
.ns-124 div[id^=siteSub],
.ns-124 div[id^=siteSub] a,
.ns-124 #toc h2 {  
  background-color: #50759e;
  color: #f3f8ff;
  border-color: #c3d2e6;
 }  
.ns-120 div[id^=siteSub] a:hover,
.ns-124 div[id^=siteSub] a:hover {
 background-color:#579; 
 color:#eef;
 }