MediaWiki:Vector.css

Zur Navigation springen Zur Suche springen

Hinweis: Leeren Sie nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Gehen Sie zu Menü → Einstellungen (Opera → Einstellungen auf dem Mac) und dann auf Datenschutz & Sicherheit → Browserdaten löschen → Gespeicherte Bilder und Dateien.
/*@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

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: 8px;
 border: 0px solid #dbd0b5;
 box-shadow: 0 0 4px 0px #dbd0b5;
 overflow: hidden;
}
.g_map+.bildtext {
  margin: -.8em auto 1.3em;
}

/**** 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: #dddccc; 
    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: 8px; 
 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);
}
[class*=Metalog_Bilder_] .firstHeading {
    padding: 1em 0;
}

#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.5em;
}
#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: flex;
    justify-items: 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, 
.sidebox3 > div {
    position: relative;
 border-radius: 8px;  
 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 .sidebox,  
.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;
 overflow:hidden;
 position: relative;
    z-index: 1;   
    width: min(14rem,20%); 
    left: 0;
  font-size: 1.1rem;
  left:100%; /* float hack*/
  margin-left:-100%;
}
#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;
 padding-left: 2em; 
 text-indent: -1em; 
 color: #666;
 }
#toc a:hover  { 
 text-decoration: none; 
 color: #000;
 background:#E8E7CA;
 }
#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);
}
/*** 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: 50%;
    transform: translate(-50%,0);
}
#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%); 
}

/****************** 
	toc Bilder
******************/  
#toc::before {
    content: '';
    display: block; 
    background-size: cover;
    background-position: center;
    background-color: #fff;
    opacity: .85;
    padding-top: max(4em, 20%);
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/metalog.jpg);
}
.ns-120 #toc::before,
.ns-124 #toc::before {
    padding: 0 ;
} 
#toc::before { 
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/elefant.jpg);
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/metalog.jpg); 
} 

.ns-0[class*= page-Grundbegriffe] #toc::before {  
	background-image: linear-gradient(rgb(255 255 255 / 1%), rgb(255 255 255 / 20%)), url(/wikibilder/grundbegriffe.jpg);
    background-size: contain;
 }  
.ns-0[class*= page-Bauten] #toc::before { 
  background-image: linear-gradient( rgba(220, 80, 0, 0.32), rgba(222,72,0,0.48) ), url(/wikibilder/bauten.jpg); 
} 
.ns-0[class*= page-Bauten_Schreine] #toc::before { 
    background-image: linear-gradient(rgba(255, 94, 0, 0.3), rgba(255, 94, 0, 0.3)),
    url(images/9/9d/Shimenawa_gohei.jpg); 
} 
.ns-0[class*= Inari] #toc::before { 
  background-image: linear-gradient( rgba(220, 80, 0, 0.32), rgba(222,72,0,0.48) ), url(/wikibilder/reisstroh.jpg); 
} 
.ns-0[class*=Tenjin] #toc::before { 
    background-image: linear-gradient(rgba(255, 94, 0, 0.3), rgba(255, 94, 0, 0.3)),
    url(/wikibilder/ume.jpg); 
}
.ns-0[class*=Itsukushima] #toc::before { 
    background-image: linear-gradient(rgba(255, 94, 0, 0.3), rgba(255, 94, 0, 0.3)),
    url(/wikibilder/wellen.jpg); 
}
.ns-0[class*=Schreine_Hachiman] #toc::before { 
    background-image: linear-gradient(rgba(255, 94, 0, 0.3), rgba(255, 94, 0, 0.3)),
    url(/wikibilder/bambus.jpg); 
} 
.ns-0[class*=page-Alltag]  #toc::before  {
 background-image: url(/wikibilder/sake.jpg);    
  background-image: linear-gradient(rgb(247 246 230 / 1%),rgb(247 246 230 / 25%)),url(/wikibilder/alltag.jpg); 
 }  
.ns-0[class*=Alltag_Opfer]  #toc::before  {   
  background-image: linear-gradient(rgb(247 246 230 / 1%),rgb(247 246 230 / 25%)),url(/wikibilder/opfer.jpg); 
 }  
.ns-0[class*=Alltag_Jahr]  #toc::before  {   
  background-image: linear-gradient(rgb(247 246 230 / 1%),rgb(247 246 230 / 25%)),url(/wikibilder/neujahr.jpg); 
 }  
.ns-0[class*=Totenriten]  #toc::before,
.ns-0[class*=Ahnenkult]  #toc::before,
.ns-0[class*=Friedhof]  #toc::before  {   
  background-image: linear-gradient(rgb(247 246 230 / 1%),rgb(247 246 230 / 25%)),url(/wikibilder/svastika.jpg); 
 }  
.ns-0[class*=Pilger]  #toc::before  {   
  background-image: linear-gradient(rgb(247 246 230 / 1%),rgb(247 246 230 / 25%)),url(/wikibilder/korbhut.jpg); 
 }  
.ns-0[class*=Schreinpriester]  #toc::before  {   
  background-image: linear-gradient(rgb(247 246 230 / 1%),rgb(247 246 230 / 25%)),url(/wikibilder/onusa.jpg); 
 }  
.ns-0[class*=Yamabushi]  #toc::before  {   
  background-image: linear-gradient(rgb(247 246 230 / 1%),rgb(247 246 230 / 25%)),url(/wikibilder/yamabushi.jpg); 
 }   
.ns-0[class*=page-Ikonographie] #toc::before { 
    background-image: linear-gradient(rgb(255 255 255 / 1%), rgb(255 255 255 / 30%)), url(images/b/b2/Chap4.jpg);
    background-image: linear-gradient(rgb(255 255 255 / 1%), rgb(255 255 255 / 30%)), url(/wikibilder/ikonographie.jpg); 
}  
.ns-0[class*=page-Ikonographie_Glueck] #toc::before {  
    background-image: linear-gradient(rgb(255 255 255 / 1%), rgb(255 255 255 / 20%)), url(/wikibilder/fuku.jpg); 
    background-size: contain;
}  
.ns-0[class*=page-Mythen] #toc::before {  
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/mythen.jpg); 
    background-size: contain;
} 
.ns-0[class*=Jenseits] #toc::before {  
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/flammen.jpg); 
    background-size: cover;
} 
.ns-0[class*=Daemonen] #toc::before {  
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/oni.jpg); 
} 
.ns-0[class*=Tengu] #toc::before {  
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/tengu.jpg); 
    background-size: cover;
} 
.ns-0[class*=Imaginaere_Tiere] #toc::before {  
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/drachen.jpg); 
} 
.ns-0[class*=Komainu] #toc::before {  
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/komainu.jpg); 
    background-size: cover;
}  
.ns-0[class*=Verwandlungskuenstler] #toc::before {  
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/kitsune.jpg); 
} 
.ns-0[class*=page-Mythen_Symboltiere]  #toc::before {
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/wikibilder/tierkreis.jpg); 
    background-size: cover;
 }
.ns-0[class*=page-Mythen_Symboltiere_Namazu-e] #toc::before {  
 background-image: url(/wikibilder/Namazu_shamisen.png);   
   background-size: contain;
 } 
.ns-0[class*=page-Geschichte] #toc::before {  
  background-image: linear-gradient(rgb(255 255 255 / 1%), rgb(0 67 118 / 50%)), url(/wikibilder/geschichte.jpg);     
}  
.ns-0[class*=Kamikaze] #toc::before {  
	background-image: linear-gradient(rgb(255 255 255 / 1%), rgb(0 67 118 / 50%)), url(/wikibilder/schiffe.jpg);     
}  
.ns-0[class*=Geschichte_Zen] #toc::before {  
	background-image: linear-gradient(rgb(255 255 255 / 1%), rgb(0 67 118 / 50%)), url(/wikibilder/daruma.jpg);     
}   
.ns-0[class*=page-Denken] #toc::before { 
  background-image: linear-gradient(rgba(156, 131, 71, 0.63),rgba(204, 186, 123, 0.84)),
    url(/wikibilder/hannya_detail.jpg);   
    background-image: linear-gradient(hsl(42deg 40% 90% / 1%),hsl(42deg 40% 90% / 30%)),url(/wikibilder/denken.jpg); 
} 
.ns-0[class*=page-Essays] #toc::before {  
    background-image:  linear-gradient(rgb(255 255 255 / 1%), rgb(255 255 255 / 20%)), url(images/2/2c/Chap8.jpg);  
    background-image:  linear-gradient(rgb(255 255 255 / 1%), rgb(255 255 255 / 20%)), url(/wikibilder/essays.jpg);   
}
/*******************************
		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
***************************************/
/****** Floats ******/
.float_left {
 width:220px;
 float:left;
 margin:  .3em 2.5em 1em -2px;
 }
.float_right {
 width:220px;
 float:right;
 margin: .3em -2px 1em 2.5em;
 }
.float_left td {
 vertical-align:top;
 }

.box {
 margin: 1.5em 0;
 }
.bild img {
 border: 1px solid #aaa;
 padding: 1px;
 }
.bildtext { 
 font-size: .95rem; 
 line-height: 1;
 font-family: Arial;
 font-family: carlito, calibri, arial;
 color:#554; 
 text-align:center;  
 padding: 0 .5em;
}
.bildtext p {
 text-align: left;
 padding-left: .7em;
 padding-right: .7em;
}
.bildbox .bildtext {
 padding:0; 
 }
/******* bildbox *******/

.bildbox {
	text-align:center;
	margin: 1.5em auto; padding: 0;
	}
table.bildbox {
	margin: 0 auto 1.5em; padding: 0;
	max-width: 640px;
	}
div .bildbox:first-child, 
div + .bildbox{
 margin-top:0;
 }
.bildbox +.bildbox {
 margin-top: -1em;
 }
.bildbox td,
.bild td, 
td.bildbox, 
td.bild {
 vertical-align:top;
 padding:0;
 }
	
.bildbox img {border:1px solid #aaa; padding: 1px; margin:.25em;}

.largebox {
   margin: 1em auto;
   overflow: auto;
}
.noborder img {
  border:0;
}
.nomargin {
  margin:0;
 padding:0; 
}

/******* dia *******/

.dia {
 margin: auto;
 min-width: auto;
 }
.dia_aussen { 
 border: 3px solid #dbd0b5; 
 border-radius: 4px; 
 border-width: 3px;
 }
.noborder .dia_aussen { 
 border-color: transparent;
 }
.dia_aussen:hover,
.hell .dia_aussen:hover,
.hell .sbAussen:hover,
.hell {
 border-color: #EEA500;
 }
.dia_innen {   
 border: 1px solid #E4D7C4;
 overflow:hidden;
 background: #fff;
 border-width: 1px;
 }
.dia_innen a {
 cursor: zoom-in; 
}
.dia img {
 border:0;
 padding:0;
 margin:0
 }
 
.pp_text { 
 	display:none; 
}
	
.sbBody .dia {
 border: 1px solid #fafaf8;
 }

.noborder .dia_aussen,
.noborder .dia_innen {
  border-color: transparent; 
 }
.w500, .i500 
.w502,
.w502 td {
 position: relative;
}
.w500 .text1,
.w502 .text1 {
    background-color: rgba(0, 0, 0, 0.5);
    padding: .2em;
    margin: 0 4px 0;
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    border-radius: 0 0 2px 2px;
    color: #E3E3CA;
}
.mw-parser-output > .i500 {
  clear:none;
}

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

.diax2  {
  position: relative;
  margin-left: auto; 
  margin-right: auto; 
  /*max-width: 650px;*/
}
.diax2 .thumb .thumbinner, 
.diax2  .thumb .thumbinner a { 
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto!important; 
    opacity: 0;
}
.diax2 .innen img {
    width: 100%;
    height: inherit;
}
.diax2 a {
    cursor: zoom-in;
}
.diax2 .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;
}
/*.sidebox3 .bildtext,*/
.diax2:hover .bildtext {
    visibility: visible;
}
.hell .diax2 .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;
}

/**************
  w500x, i500, imax
**************/

.w500x { 
  margin: 1.2em auto 2em;
  width: 508px; 
  min-width: 75%; 
  max-width: 100%; 
  clear: both;
} 
div + .w500x {
    margin-top: 0;
}
p + .w500x, 
.w500x + p,
p + .i500, 
.i500 + p {
  margin-top: 1.5em; 
} 
.imgBorder {
  position: relative;
  background-color: #e9e3d2;
  border-radius: 8px; 
  box-shadow: 0 0 4px 0px #dbd0b5;
  overflow: hidden;
  z-index: 2;
}
.imgBorder:hover { 
  box-shadow: 0 0 0 4px #eea500;
}
.imgBorder.noviewer:hover { 
  box-shadow: 0 0 4px 0px #dbd0b5; 
}
.w500x .aussen,
.imgX .aussen {
  top: 0;  
  left: 0; 
  right: 0; 
  bottom: 0;
  position: relative; 
}
.aussen{
  position: relative; 
  border-radius: 4px; 
  overflow: hidden;
  background: #fff;
}
.innen { 
  top: 0;  
  left: 0; 
  right: 0; 
  bottom: 0;
  background: #fff;
} 
.w500x .bildtext,
.imgX .bildtext {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .5em;
  line-height: 1.2em;
  background-color: rgba(0,0,0,0.5);
  color: #E3E3CA;
}
.imgX a {
    cursor: zoom-in;
}
.w500x .bildtext.caption, 
.i500 .bildtext.caption {
  position: relative;
  background: transparent;
  color: #333;  
 margin: auto;
 padding: .5em .6em 0;
 }

.static .bildtext {
  position: static;  
  background-color: rgba(0,0,0,0.05);
  color: #333;
}

.w500x img {
  width: 100%; 
  height: inherit;
} 
.imgX img {
 width: 100%; 
 height: inherit; 
}
.ileft {
    float: left;
    margin-right: 4%;
} 
.w240x {
  width: 240px;
  min-width: 35%;
  max-width: 50%;
} 
.float_rightX {
  float: right; 
  clear: right; 
  margin: .35em 0 1.5em 1.5em;
}
.float_leftX {
  float: left; 
  clear: left;  
  margin: .35em 1.5em 1.5em 0;
}
.wFlex {
  display: flex; 
  justify-content: space-between;
  flex-wrap: wrap;
}
.width100 {
 width: 100%;
}
.testbild {
  background: #eee;
  padding: 1em;
  max-width: 50em;
}
.sidebox3 {
border: 0; 
}
/****** i... *********/

/* i500 */
.i500 { 
  margin: auto;
  margin-bottom: 1.5em; 
  min-width: min(24rem,80%);
} 
.i240 {
  width: 33%;
  min-width: min(14rem,40%); 
}   
.maxleft {
 width: 48%; 
 float: left;  
 margin-right: 4%;
} 
/*************************
          img width
***************************/
 .i500.imax {
}
.mw-parser-output > .i500.imax {
    width: 50%;
}
.i500 { 
	max-width: 600px; 
}
.i500.imax{ 
	max-width: none; 
}
.mw-parser-output > .i500 {
    width: 35%; 
  clear:none;
}
.i240 { 
}
.mw-parser-output > .i240 { 
}    
.mw-parser-output > .i500.i503b {
    width: 40%;
    /*min-width: 40rem;*/ 
}
.sidebox3 .imgFloat {
  float: right; 
  clear: right;
    width: min(14rem, 20%); 
  position: relative;  
  margin: .3em 0 2em 2em;
}
.sidebox3.mitPagelink .imgFloat {
	margin-top: 1.3em;
}
.float-l {
float: left; 
clear: left; 
margin: .3em 2em 1.5em 0; 
margin-left: -2em; 
}
.float-r {
float: right; 
clear: right;  
margin: .3em 0 1.5em 2em; 
margin-right: -2em; 
}
.textbox .float-l { 
margin-left: 0; 
}
.textbox .float-r { 
margin-right: 0; 
}
.float-r .caption,
.float-l  .caption {
	margin-top:.5em;
    padding: 0;
} 
.mw-parser-output .sidebox .sbBody,  
.mw-parser-output .sidebox_Wrapper .imgBorder {
    width: 14em;
    min-width: 224px;
    max-width: 310px;
float: right; 
clear: right; 
} 
.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;
}

/******** 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;
	}
/************************************** 
			Denken
**************************************/

.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: 8px;
}
#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;
	padding: 1.5em 2rem 1em;
	background-color:#ebe9e0;
	border-radius: 8px;
}
#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: 8px;
}
.linkbox .quelle,
.verweise .quelle {  
    margin-bottom: -1.5em;
    font: normal small calibri,Arial;
 } 
.verweise {
    font-size: 1rem;
    margin: auto;
    padding: 2rem calc(3rem + 3%) 3rem;
    border-radius: 8px; 
    color: #333;
    width: calc(74% - 6rem);
    max-width: 58rem;
}
.verweise_lit,
.verweise .references,
.verweise_g_list ul,
.verweise .shortlist ul { 
    column-gap: 4rem;
    column-width: 18rem;
}
.verweise_lit > *,
.verweise .references > *,
.verweise_g_list ul > *,
.verweise .shortlist ul > * { 
    break-inside: avoid-column;
}
 
.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 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%;
}
.mw-references-wrap p.titel {
 display: inline;
 clear: both;
 }
.mw-references-wrap li {
 clear: both;
 }

/***** thisway ******/
 
 #thisway {
    position: relative; 
    clear:both;
    margin: 3rem auto 1rem;
    padding: 0;
    text-align: right;
    font-size: 1rem;
    color: #eef;  
    width:  50%;
    max-width: inherit; 
} 
#thisway.zurueck  { 
 text-align: left;
 right: auto;  
}
#thisway a {
    display: block; 
    padding: 1em calc(3rem + 3%) .75em;
    margin: 0;
    text-decoration: none;   
    background: #788099;
    color:#fffeee;
    background: #d4dbf1;
    color: #283662;
    font-weight: bold;
    font-family: calibri, arial; 
    border-radius: .5em;
    box-shadow: 0 0 3px;
}
#thisway a:hover {   
    box-shadow: 0 0 0 2px;
}
#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;
}
.ns-6 .firstHeading {
    margin: 0 auto;
    text-align: left;
    font-size: 1.5rem;
    padding: .5rem 0;
}
.ns-6 .firstHeading > span { 
    margin: auto;
}
.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, 
.sidebox3.mitPagelink .imgBorder {
	box-shadow: 0 0 5px 1px #dbd0b5; 
    box-shadow: 0 0 5px 1px rgb(66 50 12 / 20%);
}

/*  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(220%, 3.5vh);
   font-size: min(max(2vh, 16px), 220%);
}

#content {
	width: 92%;
}
.ns-0.action-view #siteNotice,
.ns-4.action-view #siteNotice, 
#bottom-notice-ns {
	width: 100%;
}
#p-search #searchform {
    margin: .1rem 1rem;
}
.mw-parser-output > *  {
	width: 80%;
}
.mw-parser-output > ul, 
.mw-parser-output > ol,
.mw-parser-output > dl  {
    width: calc(80% - 4rem); 
}
.mw-parser-output > .zitat {
    width: calc(80% - 2rem);
    padding: 1.5rem 3rem 1rem;
}
.largebox {
    width: 100%;
}
#thisway,
.verweise {
	width: 80%;
	padding-left: 0;
	padding-right: 0;
}
#firstHeading { 
  height: unset !important;
  padding: 1.5em 0 !important;
}
.firstHeading {
  font-size: 2em;
}
.firstHeadingBody {
	margin: auto;
}
#firstHeading > span { 
  position: static; 
  display: inline;
} 
 .bildbox {
 clear: both;
 }  
 .i500 .bildtext, .i240 .bildtext, .sidebox3 .bildtext {
    position: relative; 
    color: #555; 
    background: transparent; 
    visibility: visible;
}
#toc { 
    float: none; 
    margin: 0 auto 2rem; 
    display: block;
	width: 80%;
	left:auto;
}
#toc::before {
	padding-top: 7em !important;
}
#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 .sidebox_Wrapper .imgBorder {
	width: auto; 
	max-width: none; 
}
.i240, 
.sidebox3 .imgFloat { 
    width: min(14rem, 40%);
}
.float-l { 
margin-left: 0; 
}
.float-r  { 
margin-right: 0; 
}
.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;
}
}
Religion-in-JapanMediaWikiVector.css