MediaWiki:Vector.css

/*@import "/r/extensions/FontAwesome/res/fontawesome/css/all.min.css"; */

/*/______________________________________________
Hier befinden sich im Wesentlichen css-Befehle, 
die mit Extensions und Templates zu tun haben    background: none;
    cursor: zoom-in;
ANMERKUNGEN
EINZELSEITEN
GLOSSAR
BILDER
TOC
TEXT
POPUPS
mobile
______________________________________________/*/ 
.question {
    padding: 1em;
    position: absolute;
    width: 10em;
    left: -13em;
    color: green;
    font-size: .8em;
    background: rgb(46 163 87 / 12%);
    border-radius: 0.5em;
}
.ns-2 .wikitable td:first-child { 
    text-align: right;
    padding-right: 1em;
}

.firstletter {
 float: left; 
 line-height: .85; 
 font-size: 5.5em;
 margin: 0 .1em 0 0;
 font-family: Georgia,Times,serif;
 }
 
.g_map {
 margin: 1.3em auto; 
 border-radius: .5rem;
 border: 0px solid #dbd0b5;
 box-shadow: 0 0 4px 0px #dbd0b5;
 overflow: hidden;
}
.g_map+.bildtext {
  margin: -.8em auto 1.3em;
}
#content .g_map p {
    margin: 0 !important;
    width: auto;
}
/**** Wikitable ******/

table.wikitable {
 margin: 1em auto;
}
 
.prettytable {
 margin: 1em auto 1em;
 border: 1px #aaa solid;
 border-collapse: collapse;
 background: #f9f9f9;
 }
.prettytable th,
.prettytable td {
 border: 1px #aaa solid;
 padding: .2em .5em;
 }
.prettytable th {
 text-align: center;
 background: #e9e9e9;
 font-family: 'MS Trebuchet' Arial;
 }
.prettytable caption {
 font-weight: bold;
 }
 
.pre.javascript.source-javascript {
 font-size: 1.25em;
 }

/******** editlinks ***********/	 

#content .editlink {
 text-align:right;
 font-size:x-small;
 margin-top:-.3em;
 }

/******** Schlagworte ***********/
 
.ns-14 #content h3 {
 font-size: 1em;
 background:none;
 margin: 0 auto;  
 }

/**** sysop Show hide ****/	
.sysop, .user {
 display: none;
 }
.anon {
 display: block;
 }
.mw-warning-with-logexcerpt {
 display:none;
 }

/********* Wiki Spezialseiten ***********/

table.diff {
 padding-top: 11em;
 }

.mw-specialpagesgroup {
 background:#eeeee5 !important;
 }

/********** Anmerkungen ************/
.reference {
 font-size: .8em;
 line-height: 1;
 vertical-align:text-top;
 }
.reference a {
/* border: 1px solid #F1D3BA; */
 border-radius: 50%;
 padding: 0 .2em;
 background:#f2f2f2;
 border: 0;
 }
.reference a:hover {
 background:#fffbee;
 }

#content .mw-references-wrap:last-of-type {
 background: rgb(230, 229, 219);
 }
.mw-references-wrap div.floatright { 
  width: 75px;
  line-height: 75px;
  text-align: center;
  background: #CCC9B7; 
  border: 1px solid #B8B5AF;
  border-radius: 50%;
  overflow: hidden;
 }
 .references {
 	column-count: 2;
 	column-gap: 3em;
 }
 /*****************
   Bilderanmerkungen SCI (SMW-Cite)
 ******************/
.qtip { 
    line-height: 1.2;
    font-family: calibri;
}
.qtip-content {
    padding: .5em 1em;
}
.qtip .qtip-content a {
    background: transparent;
    color: #1067ac;
}
.verweise .scite-content > h2 {
    display: none;
} 
.scite-referencelist li {
    clear:both;
}
.scite-referencelist .scite-citation-text { 
    font-size: 1rem;
    font-family: inherit;
    line-height: 1.5;
}
.scite-referencelist .floatright {
    width: 75px;
    line-height: 75px;
    text-align: center;
    background: #d5d0c0;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 1em;
    position: relative;
    z-index: 1;
}
.scite-citeref-number { 
    vertical-align: text-bottom;
    font-size: .9em;
    visibility: visible;
    float: right;
}
.scite-citeref-number a { 
    vertical-align: text-bottom; 
    display: inline-block;
    background: #e3e3ca; 
    margin: 0 1px;
    min-width: .8em; 
    line-height: .8;
    padding: .2em;
    text-align: center;
    border-radius: 1em;
    color: #333;
    text-decoration: none;
}
.scite-citeref-number a:hover  { 
    background: #f0b83a; 
    color: #333;
} 
.scite-citeref-number a::before, 
.scite-citeref-number a::after {
    content: '';
}
.hell .scite-citeref-number a {
 background: #6d6a65;
 color: #ffe;
 }   
 
/* Reference tooltips  */

.referencetooltip {
 position: absolute; 
 list-style-image: none;
 opacity: 0;
 font-size: .8rem;
 margin: 0 auto;
 z-index: 5;
 padding: 0;
 }
.referencetooltip li {
 border: #EEA500 .1em solid;
 border-radius: .3em; 
 max-width: 14em;
 padding: .5em;
 margin: 0;
 background-color: #F7F7F7;
 box-shadow: 2px 4px 2px rgba(0,0,0,0.3); 
 list-style: none;
 }  
.referencetooltip li+li {
 margin-left: .5em;
 margin-top: -.1em; 
 padding: 0;
 height: .5em;
 width: 0;
 background-color: transparent;
 box-shadow: none;
 border-top-width: .8em;
 border-right: .5em transparent solid;
 border-left: .5em transparent solid;
 }
.referencetooltip>li+li::after {
 content: '';
 border-top: .5em #F7F7F7 solid;
 border-right: .3em transparent solid;
 border-left: .3em transparent solid;
 margin-top: -.8em;
 margin-left: -.3em;
 z-index: 1;
 height: 0px;
 width: 0px;
 display: block;
 }
.client-js body .referencetooltip li li {
 border: none;
 box-shadow: none;
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 height: auto;
 width: auto;
 margin: auto;
 padding: 0;
 position: static;
 }
.RTflipped {
 padding-top: 1em;
 }
.referencetooltip.RTflipped li+li {
 position: absolute;
 top: .1em;
 border-top: 0;
 border-bottom-width: .8em;
 }
.referencetooltip.RTflipped li+li::after {
 border-top: 0;
 border-bottom: .5em #F7F7F7 solid;
 position: absolute;
 margin-top: .5em;
 }
.RTsettings {
	display:none;
 float: right;
 height: 1em;
 width: 1em;
 cursor: pointer;
 background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ed/Cog.png);
 margin-top: -.6em;
 margin-right: -.5em;
 -webkit-transition: opacity 0.15s;
 -moz-transition: opacity 0.15s;
 -o-transition: opacity 0.15s;
 -ms-transition: opacity 0.15s;
 transition: opacity 0.15s;
 opacity: 0.6;
 filter: alpha(opacity=60);
 }
.RTsettings:hover {
 opacity: 1;
 filter: alpha(opacity=100);
 }
.RTTarget {
 border: #080086 2px solid;
 }

.bildtext .reference {
 vertical-align:baseline;
    white-space: nowrap;
 }
.bildtext .reference a {
 color: #000;
 display: inline-block;
 padding: 0.1em .35em;
 margin: 0 1px -0.2em;
 border:0; 
 text-indent: -0.6em;
 overflow: hidden;
 background: #E3E3CA;
 }
.bildtext .reference a:hover {
 text-decoration:none;
 color: #210C4E; 
    background: #f0b83a; 
 }
#content a.external[href*="religion-in-japan.univie.ac.at"]::after,
#mw_content a.external[href*="religion-in-japan.univie.ac.at"]::after {
	content: '';
}

/*______________________________________________

GLOSSAR
BILDER
  Sidebox
  Bildbox (Galerie1)
  Dia
  Galerie2 (Sidepage)
TEXT
  Textbox
  Linkbox
  Zitat
  Thisway
  zitieren 
  ______________________________________________
*/ 



/************* 
    GLOSSAR 
**************/

/*  Glossarseiten  */

.glossar_list { 
}  
.glossar_list b {
font-family: carlito, calibri, arial;
font-size: 1.1em;
}
.g_thema {
    display: block;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    padding: 5px 10px; 
    margin: 1em -11px;
    clear: both;
}
/* Glossarliste Info*/
#g_info .glossar {
 float: right;
 width: 1.5em;
 text-align: center;
 border: 1px solid #90A0DB;
 border-radius: 1em;
 margin: -0.2em 0 0 3em;
 background:#E7EEF5;
 font-family: carlito, calibri, arial;
 cursor: help;
 }
#g_info .glossar:hover { 
 background:#B6CADF;
 }
small.g_nav {
 display: block;
 padding: 0 2em;
 font-size: 1.2em; 
 font-weight: bold;
 color: #9FA9C8;
 }
small.g_nav a { 
 font-family: Arial black, Arial;
 }
small.g_nav i a {
 font-family: Georgia;
 font-weight: normal;
 font-style: normal;
 text-transform: uppercase;
 }
/* SMW-Listen */

.glossarliste-intro {
    text-align: center;
    width: auto;
    max-width: 70rem;
    font-size: 1rem;
    padding: 0 0 1em;
}
.smw-columnlist-container {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));
    grid-gap: 4rem;
    width: auto;
    margin: auto;
    max-width: 70rem; /* 4 Spalten vermeiden */
}
.smw-column { 
    width: auto !important;
}
.smw-columnlist-container ul { 
    padding-left: 2rem;
    padding-right: 0;
}
.smw-columnlist-container li,
.glossar_list li {
 font-size: .9rem;
 line-height: 1.3; 
 text-indent: -2rem; 
    margin: 0 0 .7em;
    text-align: left;
    list-style: none; 
 } 
.g_sprache a::before {
  content:'(';
}
.g_sprache a::after {
  content:')';
}
.g_sprache .mw-selflink { 
  display: none;
}
.g_styled_term .g_script_jap {
	font-family: 'ヒラギノ角ゴ ProN' , 'Hiragino Kaku Gothic ProN' , '游ゴシック' , '游ゴシック体' , YuGothic , 'Yu Gothic'; 
}
.smw-category-furtherresults {
  display: block;
  font-size: 1rem;
  padding-top: 2em;
  text-align: right;
}
.mw-special-Ask .glossarliste-intro { 
    margin-top: -6rem;
    margin-bottom: 4rem;
}
/*
.smw-ask-downloadlinks,
.smw-tabs label.nav-label { 
    display: none; 
}
*/
/* Glossar inline */
.hide {
	display: none;
}
.glossar {
 cursor: url(/wikibilder/kanji26.cur), help;
 border-bottom: 1px solid rgb(17 51 102 /25%);
 color: #136;
 position:relative;
 hyphens:manual; 
 -webkit-hyphens: manual;
 -moz-hyphens:  manual; 
 }
.glossar:hover {
 background:#f1f5ff;
 color:#124374; /*blau*/  
 }  
.glossar:target,
.glossar :target {
    background-image: radial-gradient(rgb(255 247 0 / 50%),transparent);
}
.g_box  {
 display: none; 
 position:absolute;
 z-index:1;  
 top:1.1em; 
 left: -2em;  
 left: calc(50% - 6.75em - 1px); 
 font-size: 1rem; 
 line-height: 1.3;
 text-align:center; 
 font-family: calibri, arial;
 font-weight:normal; 
 width: 12em;
 padding: .75em;  
 border-radius: .5rem; 
 box-shadow: 1px 1px 3px rgba(48, 37, 20, 0.5);
 cursor: default;
   z-index: 6; 
  color: #135; 
  background-color: #f4f8ff;
  border: 1px solid #4694e2;
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
 hyphens:auto; 
 -webkit-hyphens: auto;
 -moz-hyphens:  auto; 
}

.g_box .v-link {
display: none; 
}
.g_box [class^='g_script'] {
display:block; 
margin-bottom: .5em;
}
.glossar#show_Tooltip .g_box { 
 display: block; 
 }
.g_term {
 display: block;
 padding: .3em 0;
 font-size: 1.1rem;
 hyphens:manual; 
 -webkit-hyphens: manual;
 -moz-hyphens:  manual;
 }
.g_script {
 display: block;
 font-family: 'MS Mincho'; 
 line-height: 1.5; 
 }
.g_text {
 display: block;
 text-align: left;
 margin: .2em .2em 0;
 padding: .7em .2em 1em; 
 border: 1px solid #9FAFD8; 
 border-width: 1px 0;  
}
.g_links {
 display: block; 
}
.g_links:empty {
 display: none; 
}
.g_links_artikel li {
	text-align: left;
} 
.glossarlink {
    hyphens: manual;
}
/* Glossar Links  */
.glossarlink a:after {
 content: "G";
 color: #aad;
 font-size: .6em;
 position: relative; 
 top: -.8em; 
 font-weight: normal; 
 font-style: normal; 
 font-family: Arial, sans;
 font-family: carlito, calibri, arial;
 padding-left: .2em;
 } 
.glossarlink a:hover {
 text-decoration: none;
 background: #FCFFBD;
 }
.glossarlink a:hover:after {
 color: #e00;
 }

/* Glossar Bilder*/
.b_liste { 
 min-width: 580px;
 font-size: .9em;
 text-align: center;
 margin: 0 auto 1em;
}
.b_liste ul {
  margin: 0 auto 1em;
 }
.b_liste li { 
 display: inline-block;
 margin: 0;
 width: auto;
 height: auto; 
    list-style: none; 
 }  
.b_bild {
 height: 160px;
 width: 160px; 
    display: flex;
    justify-content: center;
    align-items: center;
 overflow: hidden;
    margin: 4px; 
 padding:0;
 background:#eee;
 border:1px solid #ccc;
  border-radius: 50%;
 }
.b_genre, 
.b_small { 
 display: block;
 padding: 0 3px;
 line-height: 15px;
 font-size: 10px; 
 color: #aaa;
 height: 15px;
 overflow: hidden;
 text-align: center;
 margin: -3px 4px 4px;
 }
.b_small {
 text-align: right;
 margin: -15px 4px 4px;
 }
.b_genre a,
.b_genre a:visited {
 color: #999;
 }
.b_small a,
.b_small a:visited {
 color: #bbb;
 }
.b_tags {
    padding: 1em 0;
} 
.b_tags::before {
    content: '';
    display: block;
    height: 3px;
    background-image: radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));
    position: absolute;
    left: 5%;
    right: 5%;
    border-radius: 25%;
    margin-top: 5px;
}
.b_tags .shortlist:first-child {
    margin-top: 1.5em;
}
.b_tags .far, 
.b_tags .fas {
    font-size: 2em;
    margin-left: -1.75em;
    margin-right: 0.5em;
    position: relative;
    top: .45em;
    color: #8aadca;
}
 /* neu 2020/4 */
 
.bilderliste {
    width: calc(100% - 18rem);
} 
#content .galerie_glossar,
ul.galerie_glossar
 {
    width: auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
    margin: 0 auto;
    list-style: none; 
} 
.mw-parser-output .galerie_glossar li::before   { 
  content:''; 
    margin: 0;
}
.galerie_glossar li > div, 
.einzelbild_wrap {
    margin: 0 10px 10px;
    width: 180px;
    overflow: hidden;   
}
.einzelbild {
    overflow: hidden;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    display: grid;
    place-items: center;
    background: rgb(238, 237, 222);
    box-shadow: 0 0 5px 0px rgb(230, 229, 214);
}
.galerie_glossar .caption, 
.einzelbild_wrap .caption { 
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    padding: 6px 0 12px;
}
#content .bilderliste h3 {
    margin: 0;
    margin-top: -2.5rem;
    padding: .5rem 0;
    text-align: center;
}
.bilderliste .smw-plainlist-furtherresults {
    display: block;
    width: 100%;
    text-align: center;
    padding: 2em 0;
}
.countBilder {
    text-align: right;
    font-size: .9em;
    color: #666;
    padding: .7em 0;
    margin-bottom: 1em;
}
/*________________  

  Glossar Query Seiten, 
  Formulare

___________________*/

.formtable {
    background: #eee;
    padding: 1em;
    width: auto;
    max-width: 70rem;
}
#pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea { 
    font-size: 1rem;
}

#infoButton,
#infoText,
#q_wrapper {
    width: auto;
    max-width: 70rem;
    position: relative;
} 
#infoText,
#q_wrapper {
    padding: 1.1em 2em .1em;
    margin-bottom: 1em;
    border-radius: 0.5rem;
}
#infoButton {
    padding: 0 2em;
    cursor: pointer;
    width: auto;
    z-index:1;
}
#infoButton i {
    position: absolute;
    display: block;
    right: 2em;
    top: .45em;
    background: #0c67d3;
    color: #fff;
    width: 2em;
    text-align: center;
    line-height: 2em;
    border-radius: 50%;
	opacity: .6; 
}
#infoButton i:hover {
	opacity: 1; 
}
#infoText {
    background: #dbf0ff;
}
.infoTextBody {   
    margin: auto; 
    max-width: max(60%,15em);
} 
#q_wrapper { 
    background: #eee;
    font-size: .9em;
}
.formOptions { 
} 
.formOptions[id^=medium] { 
display:none;
}
.formOptionsBody  {
	margin: .5em 0;  
    overflow: auto;
    background: #fff;
    border: 1px solid #ddd; 
    max-height: 15em; 
}  
.radioButtonSpan,
.checkboxesSpan { 
    display: block;
    column-width: 10em;
	padding: 1em; 
    background: #fff;
}
.formOptions:first-child .radioButtonSpan {
    font-size: 1.5em;
    line-height: 1em;
    padding: 0.66em;
    padding-bottom:0.3em;
}
.formOptions:first-child .radioButtonSpan label {
    padding-bottom: 0.36em; 
}
.formtable .radioButtonSpan,
.formtable .checkboxesSpan { 
	padding: .1em .5em; 
    background: #fff;
    border: 1px solid #ddd; 
}
#pfForm label.checkboxLabel,
#pfForm label.radioButtonItem,
.formOptions label {
    display: inline-block;
    width: 8.5em;   
    padding-left:1.5em;
    position: relative;
    cursor: pointer;
} 
#pfForm input[type="checkbox"],
#pfForm input[type="radio"] {       
    -webkit-appearance: none;
    appearance: none; 
    position: absolute; 
    left: 0;
    top: 0.2em; 
    margin: 0;
    display: inline-block;
    width: 1.1rem !important;
    height: 1.1rem;
} 
#pfForm input[type="radio"] {  
    border-radius: 50%; 
    background-color: #fff;
    border: .15em solid #aaa;
    box-shadow: inset 0 0 0 0.2em #fff;
} 
#pfForm input[type="radio"]:hover {   
    background-color: #ccc;
}
#pfForm input[type="radio"]:checked {    
    background-color: #155bdb;
    border-color: #72a4ff;
}
#pfForm input[type="checkbox"] {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
    border-radius: 0.2em;
    box-shadow: 1px 1px 2px 0px #aaa;
    background: #eee;
}
#pfForm input[type="checkbox"]:checked {
    background-color: #cfdcff;
}
#pfForm input[type="checkbox"]::before {  
    content: '';
    display: block;
    width: 0.8em;
    height: 0.4em;
    color: #003dad;
    position: absolute;
    left: 0;
    top: 0; 
    border: 0.2em solid #003dad;
    border-width: 0 0 0.2em 0.3em;
    border-radius: 0.2em;
    transform: skew(38deg, 323deg);
    opacity:0; 
}
#pfForm input[type="checkbox"]:hover::before { 
    opacity:.2;
}
#pfForm input[type="checkbox"]:checked::before { 
    opacity:1;
}
.q_button {
    width: 100%;
    text-align: center;
    padding: 0 0 .3em;
}
#wpRunQuery {
    display: inline-block;
    font-size: 1.2em; 
    border: 0;
    padding: 0.3em 0.5em;
    background: #ddd;
    border-radius: 0.2em;
    background: #003ca9;
    color: #eee;
    opacity: .8;
    margin: 0.2em;
    cursor: pointer;
}
#wpRunQuery:hover {
    opacity: 1;
    }
.showResults {
    width: auto;
    max-width: 74rem;
    margin: auto;
}
#content .showResults h2 {
    padding: 1em 0 0;
    border-bottom: 0.05em solid #ccc;
}
.pf-runquery-formcontent hr {
    display: none;
    opacity: 0;
}
.sysoplinks {
    font-size: .7em;
    position: absolute;
}
/*__________________*/
.markerwithlabel { /* GOOGLE */
 border: 0; 
 background-color: rgba(255, 255, 255, 0.7);
 padding: 3px 5px;
 text-shadow: 1px 1px 3px #fff;
 }
/* Bildliste4*/
 
.bild_liste4,
.bildliste4 { 
	display: grid; 
    grid-template-columns: repeat(auto-fit,calc(160px + 2.5em) minmax(12em,1fr));
    grid-gap: 1rem; 
    align-items: center;
    max-width: 73rem; 
    width: auto;
    margin: auto; 
}
.smw-ask-result .bildliste4 {
    width: auto;
    padding: 0;
}
.smw-ask-result .firstHeading {
    font-size: 1.5em;
}
.bildliste4 .b_bild {   
    background: #eae8e1;
    box-shadow: 0 0 2px 0px rgb(148 140 107);
    border: 0;
    margin-bottom:.5em; 
    border-radius: 10px;
}
.b_info {
    font-size: .85em;
    padding-right: .5em; 
}
.b_label {
    text-indent: -1.5em;
    display: inline-block;
    font-style: italic;
}  
.smw-plainlist-furtherresults { 
display: block; 
margin-top: 1em; 
text-align: right; 
}
.countBilder {
text-align: center; 
}
/* Bildliste5*/

.bildliste5 { 
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(calc(15em + 120px),1fr));
    grid-gap: 1rem;
    align-items: center;
    max-width: 73rem;
    width: auto;
    margin: auto;
}
.bildlink {  
    display: grid;
    grid-template-columns: 120px 1fr;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.link_bild {
    display: flex;
    align-items: center;    
    justify-content: center;
    height: 120px;
    width: 120px;
    overflow: hidden;
    background: #eae8e1;
    box-shadow: 0 0 2px 0px rgb(148 140 107);
    margin-bottom: 0.5em;
    border-radius: 10px;
}
.link_info { 
    padding-left: 1em;
    font-size: .8em;
}
.link_label {
    text-indent: 0; 
    display: inline-block;
    font-style: italic;
}


/********* Katergorie-Seiten *********/
.gallery li  {
    list-style: none;  
}
/***************************************
             LITERATUR
***************************************/
 
.literatur { 
    margin-bottom: .8em;
    padding-left: 2rem;
}
.literatur + .literatur {
    margin-top: -.4em;
}
.L_autor {
 margin-left: -2rem;
 }
.ns-4 .literatur {
 padding-left: 7em;
 }
.ns-4 .L_autor {
 margin-left: -7em;
 }
.ns-4 .L_fam {
text-transform: uppercase;
}
.L_jahr:before {
 content: ", ";
 }
.ns-4 .L_jahr:before {
 content: "";
 }
.ns-4 .L_jahr  {
 display: block;
 position: absolute;
 left: 2em;
 } 
.ns-4 .L_jahr {
 display: block;
 position: static;
/* left: 2em; */
 margin: 0 0 -1.5em 1.5em;
}

/*******************************
			Randelemente 
********************************/
 
#toc, 
.sidebox > div, 
.sidebox3 > div {
    position: relative;
 border-radius: .5rem;  
 border:0; 
 box-shadow: 0 0 10px 1px rgba(147, 136, 109, 0.5);
 font: normal normal 1rem Calibri; 
}   
.mw-parser-output .sidebox3,  
.mw-parser-output .top12, 
.mw-parser-output .sidebox_Wrapper {
width: auto; 
min-width: inherit;
max-width: none; 
} 
/*******************************
				TOC
********************************/

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

#toc {  
	float: left;
	margin: 0 2em 1em 0;
	padding: 0;
	position: relative;
    z-index: 1;   
    width:14rem; 
	font-size: 1.1rem; 
    overflow: hidden;
    display: block;
    max-height: 100%;
    opacity: 1;
    transition: 1s;
  /* float hack:
  left:100%;
  margin-left:-100%;*/
}
#toc * {
    overflow: hidden;
    white-space: nowrap;
}
#toc ul,
#toc li {
 margin: 0;
 padding: 0;
 text-align: left;  
 background: #f7f6e6;
    list-style: none; 
} 	  
#toc > ul { 
 padding: .5em .1em .7em 0;
}
#toc a {
 display: block; 
 line-height:1.3;
 padding: 1px .3em;  
 color: #666;
 }
#toc a:hover  { 
 text-decoration: none; 
 color: #000;
 background:#E8E7CA;
 }
.toctext {
    display: block;
    width: 11em;
    text-overflow: ellipsis;
}
#toc .toclevel-1 {
    margin-left: 4%;
}
#toc li.toclevel-1:first-child > a { 
 padding-top: .3em;
 } 
#toc li:last-child > a { 
 padding-bottom: .3em;
 } 
#toc li li { 
 font-size: .94em;  
 }
#toc li li a { 
 margin-left: 1em; 
 }    	
#toc li::after {
    content: '';
    display: block;
    width: .5em;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: linear-gradient(to right, transparent, transparent, #f7f6e6);
}
/* sticky toc */

#toc.stickyToc {
    position: fixed;
    top: 7rem;
    top: 0.3rem;
    max-height: 3rem; 
    opacity: .75;
    width: 3rem;
    margin-left: 5.5rem;
    z-index: 4;
}
#toc.stickyToc:hover {
    max-height: 100%;
    opacity: 1;
    width: 14rem; 
    margin: 0; 
}
#toc.stickyToc::after {
    content: '▼';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* bottom: 1px; */
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: 1s; 
}
#toc.stickyToc:hover::after {
    opacity: 0;
    height: 0;
}
	
/*** toc Test **

#toc { 
    float: none; 
    margin: 0 auto 2rem; 
    display: block;
	width: 50%;
	left:auto;
} 
#toc > ul {
    column-count: 2;
    column-gap: 0; 
} */
/*** wrap Toc ***

#wrapToc {
    position: absolute; 
    left: 0;
    right:0;
    top: .3rem;
    z-index: 12; 
} 
#toc.fix_toc {
    position: fixed ;
    left: 0;
    margin-left: 2rem;
    top: 3.5rem;
}
#toc.fix_toc::before {
 display: none;
}  
.plusMinusToc { 
    position: fixed; 
    z-index: 1; 
    top: 0;
    padding-left: 1rem; 
    min-width: min(15rem, 25%);
    color: #afada3;     
    text-align: left;
    line-height: 3.5rem;
    font-size: 2rem;
    border-radius:.5rem;
    cursor: pointer; 
}
.plusMinusToc:hover { 
    background: rgb(251 251 247);
    color: #8b897e;
}
.plusMinusToc.close .fas {
    transform: rotate(45deg);
}
.tocNote {
    font-size: 1rem; 
    padding: 0 1.5em;
    display: inline-block;
    opacity: 0;
    position: relative;
    top: -0.4em;
}
.plusMinusToc:hover .tocNote { 
    opacity: 1;
} 
#wrapToc h2 {
	cursor: pointer; 
}
#wrapToc h2::after {
    content: '\f00d';
    font-family: 'Font Awesome 5 Free';
    opacity: .25;
    position: absolute;
    right: 0.5em;
}
#wrapToc h2:hover::after {
	opacity:1;
} 
#toc .here {
	background: rgb(0 0 0 /10%); 
}
*/
/************************

          FARBEN

************************/
 
/* Balken in der Navigation*/
#p-Grundbegriffe {
	border-color: #334; 
}
#p-Bauten {
	border-color: #ae3711;  
}
#p-Alltag {
	border-color: #A6A66F; 
}
#p-Ikonographie {
	border-color: #3C325B;  
}
#p-Mythen {  
	border-color: #87947a;
}
#p-Geschichte {
	border-color: #2c405b;
}
#p-Denken { 
	border-color: #b08b34;
}
#p-Essay {   
	border-color: #6d5a20;
} 
#p-Meta, 
#p-Glossar,
#p-Wiki {  
    border-color: #d8d8b8; 
    background: #f7f4e4;
}


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

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

.firstHeading,
.firstHeadingTitel, 
h2, 
h3 {
 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:transparent;
  color:#aaa;
}
#p-personal li a:hover, 
#p-personal li a.new:hover, 
.action-view div[id^=siteSub] a:hover {  
  color:#999;
} 
/* Hauptseite */

.hauptseite-h1 {
    background-image: linear-gradient(rgb(5 42 80 / 79%),rgb(97 127 211 / 53%)),url(/wikibilder/mythen.jpg); 
    background-size: contain; 
} 
.logo300r, 
.hauptseite-h1 .firstHeadingBody::after {
	background-image: url(/wikibilder/Logo_ebisu_300r.png); 
}
/* Metalog, allg */ 

.bars, .search2 {
 opacity: .66;
}
#sitemapToggle:hover .bars,
#search-container:hover .search2 {
 opacity: 1;
}

.crumbs,
.crumbs a { 
 color:#dee4f4;  
 background-color:#64769d; 
    color: #dee4f4;
    background-color: #3b5678;
    line-height: 3rem;
    text-transform: lowercase;
}
#localNotice .crumbs, 
#localNotice .crumbs a { 
    background: transparent;
    color: initial;
} 
.metalog-h1,
#sitemapToggle .bars,
#toc h2,
.thisway a {
 background-color:#64769d; 
 color:#dee4f4; 
    background-color: #526781;
    color: #eee;
}
.firstHeadingBody {   
    background-color: rgb(210, 219, 228);
    color: rgb(49 67 94);
} 
.firstHeadingTitle,
.metalog-h1 { 
	background-image: linear-gradient(rgb(84 110 143 / 86%),rgb(210 219 228 / 68%)),url(/wikibilder/metalog.jpg);
}
/* Grundbegriffe */ 

.grundbegriffe-h1,  
[class*=page-Grundbegriffe] h2,  
[class*=page-Grundbegriffe] h3 {
 color:#336;
 }   
[class*=page-Grundbegriffe] .crumbs, [class*=page-Grundbegriffe] .search2,
[class*=page-Grundbegriffe] #sitemapToggle .bars, 
[class*=page-Grundbegriffe] #toc h2,
.thisway.grundbegriffe-tw a, 
[class*=page-Grundbegriffe] #toc::after {
	background-color:#445; 
	color:#dadade;	
	}   
.grundbegriffe-h1 .firstHeadingBody { 
	background-color:#CBCBD7; 
	color: #336; 
}  
.grundbegriffe-h1 {  
	background-image: linear-gradient(rgb(255 255 255 / 20%), rgb(255 255 255 / 40%)), url(/wikibilder/grundbegriffe.jpg); 
 } 
	
/* Bauten */
 
.firstHeading.bauten-h1,  
[class*=page-Bauten] h2,
[class*=page-Bauten] h3 {
 color:#821c00;
 border-color: rgba(247, 198, 158, 0.75);
 } 
[class*=page-Bauten] .crumbs, [class*=page-Bauten] .search2,
[class*=page-Bauten] #sitemapToggle .bars, 
[class*=page-Bauten] #toc h2,
.thisway.bauten-tw a, 
[class*=page-Bauten] #toc::after { 
	background-color:#b54b2a; 
	color:#ffebce;	
	}  
.bauten-h1 .firstHeadingBody { 
	background-color:#ffe5cb;  
 color:#821c00;
}
[class*=page-Bauten] .textbox_body {
    background-color: #feebd8;
    color: #5b3125;
 } 
.bauten-h1 { 
    background-image: linear-gradient(rgb(197 104 75 / 73%),rgb(231 164 124 / 67%)),url(/wikibilder/bauten.jpg);
    background-image: linear-gradient(rgb(175 74 43 / 60%),rgb(255 229 203 / 60%)),url(/wikibilder/bauten.jpg);
}
.bauten-h1.schreine-h1 { 
    background-image: linear-gradient(rgba(255, 94, 0, 0.1), rgba(255, 94, 0, 0.1)),
    url(/wikibilder/shimenawa.jpg); 
    background-size: cover;
} 
.bauten-h1.inari-h1 { 
  background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) ), url(/wikibilder/reisstroh.jpg); 
    background-size: cover;
} 
.bauten-h1.tenjin-h1  { 
    background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3) ),
    url(/wikibilder/ume.jpg); 
}
.bauten-h1.itsukushima-h1 { 
    background-image: linear-gradient(rgba(255, 94, 0, 0), rgba(255, 94, 0, 0.3)),
    url(/wikibilder/wellen.jpg); 
}
.bauten-h1.hachiman-h1 { 
    background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) ),
    url(/wikibilder/bambus.jpg); 
} 
/* Alltag */

.alltag-h1, 
[class*=page-Alltag]  h2, 
[class*=page-Alltag]  h3 {
 color:#664; 
 }  
[class*=page-Alltag] .crumbs, [class*=page-Alltag] .search2, 
[class*=page-Alltag] #sitemapToggle .bars,
[class*=page-Alltag] #toc h2, 
[class*=page-Alltag] #toc::after,
.thisway.alltag-tw a  { 
 background-color:#878750;
    color: #fffeee;
 } 
.alltag-h1 .firstHeadingBody { 
	background-color:#efefc2;  
	color:#664; 
}
[class*=page-Alltag] .textbox_body {
 background-color:#e6e6bb;
 color:#442; 
}
.alltag-h1 {
    background-image: linear-gradient(rgb(161 161 112 / 75%),rgb(239 239 194 / 50%)),url(/wikibilder/alltag.jpg);
}
.alltag-h1.opfergaben-h1 {
    background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 20%)),url(/wikibilder/opfer.jpg);
}
.alltag-h1.jahr-h1 {
    background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 20%)),url(/wikibilder/neujahr.jpg);
}
.alltag-h1.totenriten-h1, 
.alltag-h1.ahnenkult-h1, 
.alltag-h1.friedhof-h1  {   
  background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 20%)),url(/wikibilder/svastika.jpg); 
 }   
.alltag-h1.pilgerschaft-h1  {   
  background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 20%)),url(/wikibilder/korbhut.jpg); 
 }   
.alltag-h1.schreinpriester-h1   {   
  background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 40%)),url(/wikibilder/onusa.jpg); 
    background-size: cover;
 }   
.alltag-h1.yamabushi-h1   {   
  background-image: linear-gradient(rgb(132 132 79 / 50%),rgb(239 239 194 / 40%)),url(/wikibilder/yamabushi.jpg); 
 }   
/* Ikonographie */

.ikonographie-h1, 
[class*=page-Ikonographie]  h2, 
[class*=page-Ikonographie]  h3 { 
 color:#326;
 border-color: rgba(193, 188, 214, 0.66);
 }  
[class*=page-Ikonographie] .crumbs, [class*=page-Ikonographie] .search2,
[class*=page-Ikonographie] #sitemapToggle .bars,
[class*=page-Ikonographie] #toc h2, 
[class*=page-Ikonographie] #toc::after,
.thisway.ikonographie-tw a  {
 background-color:#3C325B; 
 color:#d8d3f0; 
 }  
.ikonographie-h1 .firstHeadingBody { 
	background-color:#dedbef;
 color:#326;
}
[class*=page-Ikonographie] .textbox_body { 
 background-color: #eaebf5;
 color:#103; 
 border-color:#766E90;
 } 
.ikonographie-h1 {
    background-image: linear-gradient(rgb(97 87 133 / 70%),rgb(222 219 239 / 40%)),url(/wikibilder/ikonographie.jpg);
}
.ikonographie-h1.gluecksgoetter-h1  {  
    background-image: linear-gradient(rgb(255 255 255 / 15%), rgb(255 255 255 / 30%)), url(/wikibilder/fuku.jpg); 
    background-size: contain;
}  
/* Mythen */

.mythen-h1,
[class*=page-Mythen] h2,
[class*=page-Mythen] h3 { 
 color:#829082;  
 } 
[class*=page-Mythen] .crumbs, [class*=page-Mythen] .search2,
[class*=page-Mythen] #sitemapToggle .bars,
[class*=page-Mythen] #toc h2, 
[class*=page-Mythen] #toc::after,
.thisway.mythen-tw a  { 
	background-color:#87947a; 
	color:#ffe; 
	}
.mythen-h1 .firstHeadingBody { 
	background-color:#f0f4e0; 
 color:#829082;  
}
[class*=page-Mythen]  .textbox_body { 
 background-color:#f0f4e0;
 color:#333; 
 }  
.mythen-h1  {
    background-image: linear-gradient(rgb(165 173 153 / 76%),rgb(240 244 224 / 55%)),url(/wikibilder/mythen.jpg);
    background-size: contain;
} 
.mythen-h1.jenseits-h1 { 
    background-image: linear-gradient(rgb(131 143 119 / 70%),rgb(240 244 224 / 60%)),url(/wikibilder/flammen.jpg);
    background-size: auto;
}
.mythen-h1.daemonen-h1 {  
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/oni.jpg); 
} 
.mythen-h1.tengu-h1 {  
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/tengu.jpg); 
}  
.mythen-h1.imaginaere_tiere-h1 {
    background-image: linear-gradient(rgb(154 161 143 / 50%),rgb(240 244 224 / 60%)),url(/wikibilder/drachen.jpg);
}
.mythen-h1.verwandlungskuenstler-h1 {   
    background-image: linear-gradient(rgb(131 143 119 / 70%),rgb(240 244 224 / 60%)),url(/wikibilder/kitsune.jpg);
} 
.mythen-h1.symboltiere-h1 {
    background-image: linear-gradient(rgb(131 143 119 / 70%),rgb(240 244 224 / 60%)),url(/wikibilder/tierkreis.jpg);
    background-size: cover;
 }
.mythen-h1.namazu-e-h1 {  
 background-image: url(/wikibilder/Namazu_shamisen.png);   
   background-size: contain;
 } 
	
/* Geschichte */

.geschichte-h1, 
[class*=page-Geschichte] h2, 
[class*=page-Geschichte] h3 {
 color:#246; 
 }  
[class*=page-Geschichte] .crumbs, [class*=page-Geschichte] .search2,
[class*=page-Geschichte] #sitemapToggle .bars,
[class*=page-Geschichte] #toc h2, 
[class*=page-Geschichte] #toc::after,
.thisway.geschichte-tw a  { 
 background-color:#357; 
 color:#c0e1ee;
  border-color:#8aacb9;	
 }
.geschichte-h1 .firstHeadingBody { 
	background-color:#deedf2; 
 color:#246; 
}
.geschichte-h1 {
    background-image: linear-gradient(rgb(75 112 149 / 77%),rgb(222 237 242 / 52%)),url(/wikibilder/geschichte.jpg);
    background-size: cover;
}  
.geschichte-h1.kamikaze-h1 {  
	background-image: linear-gradient(rgb(255 255 255 / 1%), rgb(0 67 118 / 50%)), url(/wikibilder/schiffe.jpg);     
}  
.geschichte-h1.zen-h1 {  
	background-image: linear-gradient(rgb(255 255 255 / 15%), rgb(255 255 255 / 30%)), url(/wikibilder/daruma.jpg);  
    background-size: contain;       
}   

/*  Denken */
.denken-h1,
[class*=page-Denken] h2,
[class*=page-Denken] h3 {
 color:#86682E;
 } 	
[class*=page-Denken] .crumbs, [class*=page-Denken] .search2,
[class*=page-Denken] #sitemapToggle .bars,
[class*=page-Denken] #toc h2, 
[class*=page-Denken] #toc::after,
.thisway.denken-tw a  {
 background-color:#9c8347; 
 color:#F2F0d1;
 }
.denken-h1 .firstHeadingBody { 
	background-color:#ece5b6; 
 color:#86682E;
} 
[class*=page-Denken] .textbox_body {
 color:#5c5033;
 background-color:#f5ebc9; 
 }  
.denken-h1 {
    background-image: linear-gradient(hsl(42deg 36% 44% / 50%),hsl(52deg 59% 82% / 40%)),url(/wikibilder/denken.jpg);
    background-image: linear-gradient(hsl(42deg 36% 44% / 75%),hsl(52deg 59% 82% / 50%)),url(/wikibilder/denken.jpg);
}
/* Essays */ 
.essays-h1,
[class*=page-Essays] h2,
[class*=page-Essays] h3 {
 color:#825d40;
 } 
[class*=page-Essay] .crumbs, [class*=page-Essay] .search2,
[class*=page-Essays] #sitemapToggle .bars,
[class*=page-Essays] #toc h2, 
[class*=page-Essays] #toc::after,
.thisway.essays-tw a  {
 background-color:#8c6e3c; 
 color:#F2F0d1;
 }
.essays-h1 .firstHeadingBody { 
	background-color:#F3EEC7; 
 color:#825d40;
} 
[class*=page-Essays] .textbox_body {
 color:#5c5033;
 background-color:#f5ebc9; 
 }
.essays-h1 {    
    background-image: linear-gradient(rgb(205 187 131 / 70%),rgb(243 238 199 / 43%)),url(/wikibilder/essays.jpg);
}

/* Bild, Glossar, Skt */
.ns-6 .crumbs, .ns-6 .crumbs a,
.ns-120 .crumbs, .ns-120 .crumbs a,
.ns-124 .crumbs, .ns-124 .crumbs a {
    background: transparent;
    color: #666;
}

.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;
 }
/*******************************
		Sidebox3
********************************/
   
.sidebox3 {
 z-index: 2;
 overflow: visible;  
}

/** 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);
    border-radius: 8px;
} 
.sbUeText {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 350px;
    overflow: hidden;
    margin-top: -1.25rem;
    margin-left: -1rem;
    transform: rotate(-2.5deg);
    padding-left: 1.2em;
    padding-right: .6em;
    letter-spacing: .6em;
    color: #615539;
    text-transform: uppercase;
    font-family: Courier, mono;
    font-size: .8rem;
    line-height: 1.5rem;
    font-weight: bold;
    background: #dbd0b5;
    background: #e0ddd6;
}
.sidebox3:hover .sbUeText { 
    background: rgb(238, 165, 0);
    color: #fff; 
    text-decoration: none;
}
.sidebox3:hover .sbUe2 a {
    z-index: 4; 
    text-decoration: none;
    background-image: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0.2));
}

/***************************************
				BILDER
***************************************/ 
 
.bildtext { 
 font-size: .95rem; 
 line-height: 1;
 font-family: Arial;
 font-family: carlito, calibri, arial;
 color:#554; 
 text-align:center;  
 padding:.5em 0 0;
}
.bildtext p {
 text-align: left;
 padding-left: .7em;
 padding-right: .7em;
} 
.largebox {
   margin: 1em auto;
   overflow: auto;
}
.noborder img {
  border:0;
}
.nomargin {
  margin:0;
 padding:0; 
}

.hell .text1,
.hell .imgX .bildtext, 
.hell .sbAussen + div {
 color: #000;
 background: rgba(255, 255, 238, 0.7);
 }
.hell span.reference a {
 color: #ffe;
 background: #6d6a65;
 }   
 
/**************
  dia 
**************/

.dia  {
  position: relative;
  margin-left: auto; 
  margin-right: auto; 
  /*max-width: 650px;*/
}
.dia .thumb .thumbinner, 
.dia  .thumb .thumbinner a { 
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto!important; 
    opacity: 0;
}
.dia .innen img {
    width: 100%;
    height: inherit;
}
.dia a {
    cursor: zoom-in;
}
.dia .bildtext {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5em .5em;
    line-height: 1.2em;
    background-color: rgba(0,0,0,0.5);
    color: #E3E3CA;
    visibility: hidden;
    z-index:2;
}
.dia:hover .bildtext {
    visibility: visible;
}
.fulltext {
	display:none;
}
.hell .dia .bildtext {
    background-color: rgba(219, 208, 181, 0.7);
    color: #222222;
}
.mitPagelink:hover .bildtext {
    visibility: visible;
    background: #eea500;
    color: #fff;
    color: #000;
    font-weight: bold;
}
.imgBorder {
  position: relative;
  background-color: #e9e3d2;
  border-radius: .5rem; 
  box-shadow: 0 0 4px 0px #dbd0b5;
  overflow: hidden;
  z-index: 2;
}
.imgBorder:hover { 
  box-shadow: 0 0 0 4px #eea500;
}
.imgBorder.noPopup:hover { 
  box-shadow: 0 0 4px 0px #dbd0b5; 
}  
.aussen{
  position: relative; 
  border-radius: 4px; 
  overflow: hidden;
  background: #fff;
}
.innen { 
  top: 0;  
  left: 0; 
  right: 0; 
  bottom: 0;
  background: #fff;
}  
/****** 
   i... 
*********/
p + .i500, 
.i500 + p {
  margin-top: 1.5em; 
} 
.wFlex {	
  display: flex; 
  justify-content: space-between;
  flex-wrap: wrap;
}
/* img width */

.i240 { 
}
.mw-parser-output > .i240 { 
}    
.mw-parser-output > .i500.i503b {
    width: 40%;
}
.mitPagelink .imgFloat {
	margin-top: 1.3em;
} 
.imgFloat .sbUe2 a {
left: 0; 
right: 0; 
}
.references .float-r > a {
    float: none;
    clear: none;
    margin: 0;
} 
.bild_info { 
    right: 8rem; 
    text-align: right;
}
 .smallimage {
    display: block;
}
/************* 

Bilder 2023 
* alle responsiven Bilder in imgWrap (wie jedes andere div 50%)
* sidebox-->floatright
*************/
.imgWrap { 
}
.imgWrap > div {
	position:relative;
}
.sidebox {
    margin-right: 0;
}
/* i500 */
.i500 { 
	position: relative;
	margin: auto; 
	margin: 1.5rem auto;
    width: 70%; 
	min-width: min(24rem,80%);
	max-width: 600px; 
} 
.mw-parser-output > .i500 {
    width: 35%; 
  clear:none;
}
.imax { 
    width: auto; 
	max-width: none; 
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}
.mw-parser-output > .i500.imax {
    width: calc(50% + 1rem);
}
/* float */
.i240 {
  width: min(14rem,40%); 
}   
.float-l {
	float: left; 
	clear: left; 
	margin: .3em 2em 1.5em 0; 
	margin-left: -.5rem; 
}
.float-r {
	float: right; 
	clear: right;  
	margin: .3em 0 1.5em 2em;  
	margin-right: -.5rem; 
}
.textbox .float-l { 
	margin-left: 0;  
} 
.textbox .float-r,
.sidebox .float-r { 
	margin-right: 0; 
} 
.imgWrap > .caption {
    margin-top: -1rem;
    margin-bottom: 1rem;
}
.float-r .caption,
.float-l  .caption {
	margin-top:.5em;
    padding: 0;
}
.wFlex .caption {
    width: 100%;
}
/* Sidebox, Überschrift */

.sbUe { 
}
.sbUe a  {
    position: absolute;
    display: block; 
    top: 0; 
    right: 0; 
    left: 0;
    bottom: 0;   
    z-index: 0;
    background: rgba(255, 255, 255, 0);
    border-radius: 8px;
} 
.sbUeText {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 350px;
    overflow: hidden;
    margin-top: -1.25rem;
    margin-left: -1rem;
    transform: rotate(-2.5deg);
    padding-left: 1.2em;
    padding-right: .6em;
    letter-spacing: .6em;
    color: #615539;
    text-transform: uppercase;
    font-family: Courier, mono;
    font-size: .8rem;
    line-height: 1.5rem;
    font-weight: bold;
    background: #dbd0b5;
    background: #e0ddd6;
}
.float-r:hover .sbUeText { 
    background: rgb(238, 165, 0);
    color: #fff; 
    text-decoration: none;
}
.float-r:hover .sbUe a {
    z-index: 4; 
    text-decoration: none;
    background-image: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0.2));
}

/******** credits ***********/	
.credits {
 font-size: xx-small;
 }
.credits a {
 display:inline !important;
 }

.credits2 {
 position: relative;
 margin:auto;
 }
.credits2 img {
 border:0 !important;
 position:absolute;
 bottom:2em;
 right:-3px;
 }
.credits2 img:hover {
 background:#fffccc;
 }

/************  Galerie **************/

.galerie1,
.galerie2 {
 margin: 2em auto; 
 text-align:center;
}
.galerie2 {
 background: #eeeee8;
 border: 1px solid #eeeee8;
}
div .galerie1:first-child,
div + .galerie1,
div .galerie2:first-child, 
div + .galerie2 {
 margin-top:0;
 }

/* galerie1 */

.galerie1 ul {
 margin:0; padding: 0;  
 text-align: center;
 }
.galerie1 li {
 vertical-align: top; 
 margin:0 5px; padding: 0;  
 display: inline-block;  
    list-style: none; 
 }
.galerie1 img {
 vertical-align: top; 
 } 

/* galerie2 */

.galerie2 .dia_innen {
 float:left; 
 width: 96px; 
 height:120px;
 border-collapse:separate;
 border-width: 1px; 
 }
.galerie2 .dia_innen:hover {border-color:#fc3;}
.galerie2 .bildtext {
 	clear:left;
	padding: .6em 0 .8em;
	}
.galerie2 .bildtext span {
	padding: 0 2em;
	background: url(/r/skins/common/images/lupe.gif) no-repeat right top;
	}	
.galerie2 h2,
.galerie2 .bildtext span span {
	padding: auto 0 ; margin: auto 0 ; 
	border:0; background:none;
	}
/************************************** 
		
**************************************/

.firstHeading .hide {
display: none !important;
}

/****** zitat ******/
 
.zitat {
  margin: 0.8em auto;
  padding: 1.5rem min(4rem,10%) 1rem;
  font-family: calibri,arial;
  background: #f0eee6;
  border-radius: .5rem;
}
.mw-parser-output > .zitat {
    margin: 0.8em auto;
    padding: 1.5rem 4rem 1rem;
    width: calc(50% - 7rem); 
}
 
#mw-content-text > .zitat { 
 color: #444;
 }
.zitat::before {
    content: "„";
    font-size: 3em;
    font-family: Georgia,serif;
    line-height: 1;
    float: left;
    position: absolute;
    margin-left: -.66em;
    margin-top: -.55em;
    opacity: 0.3;
    color: #008;
 }
div .zitat:first-child,
div + .zitat  {
 margin-top: 0;
 }
.quelle,
#bodyContent p.quelle {
 text-align: right;
 color:#888;
 font-size: .9em;
 }
.zitat p {
    text-align: justify;
}
.ppDiv .zitat { 
  background: inherit;
}
.textbox .zitat {
  background: rgba(255, 255, 255, 0.5);
}
/****** boxen******/

.linkbox,
#catlinks,
.mw-references-wrap {
 font-size: 1rem; 
 } 
.linkbox { 
    width: calc(50% + 2rem);
 } 
 
/****** textbox ******/

.textbox {  
    margin: auto auto 1.5rem;
}
.textbox_body { 
	margin: auto -.5rem;
	padding: 1.5em 2rem 1em;
	background-color:#ebe9e0;
	border-radius: .5rem;
}
#content .textbox h2, 
#content .textbox h3, 
#content .textbox h4 {
	margin:.5em 0 1em !important; 
	padding: 0  !important;
	font: bold 1.3em "Trebuchet MS"; 
	text-align: center; 
	border:none; 
} 
.textbox_body li,
.textbox_body p { 
	margin-bottom: 0.3em; 
	text-align: justify;
}

/****** linkbox, etc ******/

.linkbox {
	margin: 3em auto 2em;
	padding: 0; 
	color:#332;
}
#content .linkbox h2 {
	margin:0 !important ; 
	padding: 0 16pt .18em !important;
	text-align:left;
	border:0;
	color: #554 !important;
	font-style:normal;
}

.linkbox ul { 
	margin-bottom:0; 
	margin-top:0; 
	padding-top:0; 
	padding-bottom:0
}
.linkbox p { 
  margin:1em 0;
}
.linkbox > div {
 margin: 0;
 padding: 1.5em 2em;
 border: 1px solid #eae5cb; 
 background: #f5f5ee;
 border-radius:.5rem;
}
.linkbox .quelle,
.verweise .quelle {  
    margin-bottom: -1.5em;
    font: normal small calibri,Arial;
 }  
.verweiseWrap {
    width: calc(100% - 14rem); 
    background: #e7e5de;
    margin: 4rem auto -3rem;
    border-radius: 0 0 0.5rem 0.5rem;
    overflow: hidden; 
}
.verweise {
    font-size: 1rem;
    margin: auto;
    padding: 2rem 10% 3rem;
    border-radius:.5rem; 
    color: #333;
}
.verweise_lit,
.verweise .references,
.verweise_g_list ul,
.verweise .shortlist ul { 
    column-gap: 4rem;
    column-width: 20rem;
    font-size: 1rem;
}
.verweise_lit > *,
.verweise .references > *,
.verweise_g_list ul > *,
.verweise .shortlist ul > * { 
    break-inside: avoid-column;
    font-size: 1rem;
}
 
.verweise_g_list li {
    text-indent: -1.5rem;
    list-style: none;
}  
#content .verweise h2 {
	text-align:left;
}
#content .verweise h3 { 
    margin-left: -.5rem;
    margin-bottom: 1rem;
} 
.verweise .mw-headline {
	font-size: 1.1em; 
}
.verweise h2, 
.verweise h3 {
	color: #666;
}
.verweise h3::after { 
    content: '';
    display: block;
    height: 3px;
    background-image: radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));
    position: absolute;
    left: -2rem;
    right: -2rem;
    bottom: -.5rem;
    border-radius: 25%;
}
.verweise .infoline {
    display: block;
    text-align: right;
    font-style:italic;  
    font-size: small;
}
.mw-references-wrap p.titel {
 display: inline;
 clear: both;
 }
.mw-references-wrap li {
 clear: both;
 }
.verweise .info_kurz {
    font-size: 1rem;
}
/***** thisway ******/
 
.thisway {
    position: relative; 
    clear:both;
    text-align: right;
    font-size: 1rem;
    color: #eef;   
    max-width: inherit; 
} 
.thisway.zurueck  { 
 text-align: left;
 right: auto;  
}
.thisway a {
    display: block; 
    padding: 1em 2.5em .75em;
    text-decoration: none;  
    font-weight: bold;
    font-family: calibri, arial; 
    opacity: .9;
}
.thisway a:hover {   
    opacity: 1;
}
.thisway a span {  
    font-weight: normal;
	padding: 0 .75rem;
} 
/****** zitieren ******/

#content .zitieren a.external, 
#content .zitieren a.external[href^="gopher://"], 
#content .zitieren a.external:visited, 
#content .zitieren a.external[href^="gopher://"]:visited {
 color: #666;
 padding: 0; 
 background: none;
 }
 
.copyLink { 
cursor: copy;
opacity: .6
}
.copyLink:hover { 
opacity: 1;
}
.copyLink a {
position: absolute; 
visibility: hidden;
z-index: -2;
}

.copyme:hover {
    color: #6045e1;
    cursor: copy;
}
/**************
    Hauptseite

Bilder aus techn. Gründen hier, 
alles andere auf der Seite selbst
***************/

.page-Religion-in-Japan #mw-page-base {  /*für Head Farbe 1*/   
    /*background-image: linear-gradient(rgba(17, 34, 68, 0.8), transparent);*/
}


#mw-imagepage-upload-disallowed {
 display:none;
 }
  

/*****************
      Bildseiten
******************/

.fullImageLink {
  text-align: center;
  margin: 0;
  padding: 4em 0 0;
  background: #fff; 
  border: 0;
}
.mw-imagepage-linkstoimage a[title^=Metalog], 
.mw-imagepage-linkstoimage a[title^=Bild], 
.mw-imagepage-linkstoimage a[title^=Glossar], 
.mw-imagepage-linkstoimage a[title^=Skt] {
  color: #ccc;
 }
.mw-imagepage-linkstoimage a[title^=Vorlage],
.mw-imagepage-linkstoimage a[title^=Lektor] {
  display: none;
 }
#mw-imagepage-content { 
    margin: 0 auto 4em;
 }
.ns-6 small, 
.fullMedia {
  font-size:.8em;
  } 
.fullMedia {
  text-align: center;
  } 
.ns-6 big {
  font-size:1.25em;
  } 
.ns-6 #filelinks {
  height:0; overflow:hidden; color:#fff; padding:0; 
  }
.mw-filepage-resolutioninfo, 
.mw-filepage-resolutioninfo a {
    color: transparent;
    margin: 0.3em 0 2em;
}
.mw-filepage-resolutioninfo:hover, 
.mw-filepage-resolutioninfo:hover a {
    color: #777;
}
.mw-filepage-resolutioninfo::after {
    content: '\f03e';
    font-family:  "Font Awesome 5 Free";
    font-size: 1rem;
    color: #777;
    border-radius: 50%;
    width: 1.5em;
    line-height: 1.5;
    display: inline-block;
}
.bildseite,
.glossarseite {
    width: auto; 
    max-width: 48rem;
    margin: 0 auto;
}
.ns-6 .firstHeadingTitel {
    width: auto; 
    margin: 0 auto;
    text-align: left;
    font-size: 1.5rem;
    padding: .5rem 0;
    color:#333;
    background: transparent;
} 
.ns-6 .firstHeadingBody {
    background: transparent;
    width: auto;
    padding: 0;
    margin: 0; 
    max-width: none;
}
.ns--1 #search-container,
.ns-6 #search-container {
	display:none;
}
.verwandte_bilder {
    border: 0;
    margin: 1.5em auto; 
    width: auto;
    background: #f7f6e6;
    padding: 1.2em;
    text-align: center;
} 
.ns-6 #content .verwandte_bilder h3 {
    text-align: center;
    margin-top: 0;
}
/* ——— hide ———  */ 
#mw-imagepage-section-linkstoimage,
#filetoc, 
.fullMedia, 
#mw-imagepage-edit-external,
.ns-6 #metadata, 
.mw-imagepage-section-metadata,
#filehistory, 
#mw-imagepage-section-filehistory  {
  display:none;
  }

/* MW Mediaviewer */
.mw-mmv-next-image, .mw-mmv-prev-image,
.mw-mmv-close {
	width: 1.5rem;	
	height: 1.5rem;
	background-size: contain;
}

.mw-mmv-image-metadata-desc-column,
.mw-mmv-fullscreen,
.mw-mmv-download-button, 
.mw-mmv-options-button, 
.mw-mmv-reuse-button, 
.mw-mmv-filepage-buttons,
.mw-mmv-download-dialog {
	display: none!important; 
}   
.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-ui-button.mw-ui-big {
    font-size: min(3vw, 1rem);
    max-width: 25%;
    background-color: #2b4e97;
    border:0;
}
.mw-mmv-title { 
    background: rgba(73, 73, 73, 0.48);
}
.mw-mmv-title-para.mw-mmv-title-smaller { 
    font-size: 1rem;
    line-height: inherit;
}
.mw-mmv-image-links li,
.mw-mmv-credit { 
    font-size: 0.85rem;
}
.mw-mmv-image-metadata { 
  background: #262524;
  color: #eee!important;
  border: 0;
} 
.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;
}
.ns--1 .thumb.tright {  
  position: static; 
}
#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 { 
 margin: 0 auto .5em; 
}
.smallimage div { 
}

/* box-shadow */

#toc,
.sitemapBg, 
#plusMinusAll {
    box-shadow: 0 0 5px 1px rgb(66 50 12 / 20%);
}
/***** Popups *****/
body.ppOpen > * {
	display: none;
}
#popupDiv {
    position: absolute;
    right: 0;
    left: 0;
    top: 0; 
    bottom: 0; 
    z-index:5; 
    }
#ppX {
    position: fixed;
    right: 0;
    left: 0;
    text-align: right;
    color: #fff;
    font-size: 3rem;
    padding: 0 1rem;
    z-index: 2;
    cursor: pointer;
    opacity: .5
} 
#ppX:hover {
    background: rgb(204 204 204 / 15%);
    opacity: 1
}
.ppSingle {
    color:#fff;
    text-align: center; 
    }
.ppGrid {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; 
    background-image: linear-gradient(rgb(0 0 0 / 70%),rgb(0 0 0 / 75%)), url(/wikibilder/luck.jpg); 
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - 3em); 
    padding-bottom: 3em; 
}
.ppBack, .ppNext {
    display: block;
    color: #fff;
    flex: 1;
    font-size: 2rem;
    }
.ppBack::before {
content:'‹';
    left: 0;
    padding: 2rem 6rem 2rem 1rem;
}
.ppNext::before {
content:'›';
    right: 0;
    padding: 2rem 1rem 2rem 6rem;
}
.ppBack::before ,
.ppNext::before { 
    position: absolute;
    font-size: 4rem;
    cursor: pointer;
    opacity: .5;
    text-shadow: 0 0 .1em #999;
    transition: padding-left .5s;
    transition: padding-right .5s;
}
.ppBack:hover::before ,
.ppNext:hover::before { 
    opacity: 1;
} 
.ppNext:hover::before { 
    padding-right: .5rem;    
    transition: padding-right .5s;
}
.ppBack:hover::before { 
    padding-left: .5rem;    
    transition: padding-left .5s;
}
.ppImg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;  
    cursor: zoom-in;
    }
a.ppImg:hover {
    background: none;
}
.ppImg img {
 max-width: 100%;
 max-height: 100%;
} 
.ppText {
    position: absolute;
    top: calc(100% - 3em);
    left: 0;
    right: 0; 
    padding: .6em 10% 0;   
    background: rgb(70 70 70 / 70%);
}
.ppInfo {
    display: block;  
    text-align: left;
} 
.ppInfo a, .ppInfo a:visited {
    color: #8db3ff;
}
.ppInfo a:hover {
    background: #ccc;
    color: #3365cb;
}
a.ppBacklink {
    display: block;
    font-size: 1rem; 
    max-width: 25%;
    background-color: #2b4e97;
    border-radius: .2em;
    color: #fff;
    padding: 0.5em 1em; 
    margin: -.5em 0 .5em 1em;
    float: right;
}
a.ppBacklink:hover {
    color: #fff;
    text-decoration: none; 
    background-color: #224488;
}
.ppBacklink::before { 
	content: '画';   
    padding-right: 0.75em;
}
/*  Font Awesome  */


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

/*** Mobile ***/
  
@media only screen and (orientation: portrait), (max-width: 940px ) { 
html, body {  
   text-size-adjust: none;
   font-size: min(max(2vh, 16px), 220%);
}

#content {
	width: 100%;
} 
.ns-0.action-view #bodyContent, 
.ns-4.action-view #bodyContent, 
.ns-12.action-view #bodyContent, 
.wikiEditor-preview-contents {
	margin-left: auto;
	margin-right:auto;
}
.verweiseWrap, 
.ns-0.action-view #siteNotice,
.ns-4.action-view #siteNotice, 
#bottom-notice-ns, 
.bottom-notice-body {
	width: 100% !important;
}
#p-search #searchform {
    margin: .1rem 1rem;
}  
.mw-parser-output > *  {
	width: 75%;
}
.mw-parser-output > ul, 
.mw-parser-output > ol,
.mw-parser-output > dl  {
    width: calc(75% - 4rem); 
}
.mw-parser-output > .zitat {
    width: calc(75% - 2rem);
    padding: 1.5rem 3rem 1rem;
}
.largebox {
    width: 100%;
}
#firstHeading { 
  height: unset !important;
  padding: 1.5em 0 !important;
}
.firstHeadingTitel, 
.firstHeading {
    width: auto;
    font-size: 2em;
    padding: 0;
    margin-bottom: 1rem;
}
.firstHeadingBody {
    margin: 0 auto 2rem;
    max-width: none;
    width: auto;
    padding: 3rem 5%;
}
#firstHeading > span { 
  position: static; 
  display: inline;
} 
 .bildbox {
 clear: both;
 }  
#toc { 
    float: left;
    margin: 0 auto 2rem;
    display: block;
    position: fixed;
    position: sticky;
    left: 0;  
    top: 7rem;
    width: 2rem; 
    border-radius: 0 0.5rem 0.5rem 0;
    transition: width 500ms;
    z-index: 3;
}
#toc:hover { 
    width:100%; 
}
#toc::after {
    content: '›';
    display: flex;  
    align-items:center;
    justify-content: center;
    padding-bottom: .5rem;
    background: #8d8a7c;
    font-family: monospace;
    color: #fff;
    font-weight: bold;
    font-size: 2.5rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    bottom: 0;   
    cursor: pointer;
    opacity:1;
    transition: opacity 250ms;
}
#toc:hover::after {
    opacity:0;
    transition: opacity 250ms;
}
#toc > ul {
    column-count: 2;
    column-gap: 0; 
} 

/* Bilder */
.mw-parser-output > .i500, 
.mw-parser-output > .i500.imax,  
.mw-parser-output > .i500.i503b,
.mw-parser-output > .imgbox, 
.mw-parser-output > .imgWrap, 
.mw-parser-output .sidebox_Wrapper .imgBorder {
	width: auto; 
	max-width: none; 
}
.imax {  
    margin-left: 0;
    margin-right: 0;
}
.float-l { 
margin-left: 0; 
}
.float-r  { 
margin-right: 0; 
}
 .i500 .bildtext, .i240 .bildtext, .imgWrap .bildtext {
    position: relative; 
    display: block;
    font-size: .8em;
    color: #555; 
    background: transparent; 
    visibility: visible;
}
/*********/
.verticalNav { 
    margin-left: -3.5rem;
}
.scite-referencelist-columns-fixed {
    float: none;
    width: auto!important;
}
.mainInfo {
    max-width: none;
    float: none;
    width: 80%;
    margin: 0 auto 2rem;
}
}