MediaWiki:Vector.css: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
K
 
Zeile 1: Zeile 1:
−
/*____________________________________
+
/*@import "/r/extensions/FontAwesome/res/fontawesome/css/all.min.css"; */
−
* Struktur
 
−
* Header, Headings
 
−
** Logo
 
−
* Left & Right
 
−
**TOC
 
−
** Navigation
 
−
** Boxes
 
−
* Plain Tags
 
−
* Systemtext
 
−
* Footer
 
−
* ...
 
−
_______________________________________*/
 
  
−
/*********************************
+
/*/______________________________________________
−
STRUKTUR
+
Hier befinden sich im Wesentlichen css-Befehle, die mit Extensions und Templates zu tun haben   
−
**********************************/
+
 
−
body {
+
ANMERKUNGEN
−
background: #f5f5ee url(/rel_jap/bg/bg0.gif);
+
EINZELSEITEN
−
background-color: #eeeee5;
+
GLOSSAR
−
color: black;
+
BILDER
−
font-family: Arial, sans-serif;  
+
TOCF
−
}
+
TEXT
 +
POPUPS
 +
mobile
 +
______________________________________________/*/  
 +
.chapter-end {
 +
    text-align: center;
 +
    font-style: italic;
 +
    margin-top: 3em;
 +
}
 +
.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;
 +
}
  
−
#mw-page-base {
+
.firstletter {
−
  z-index:0;
+
  float: left;  
−
  position:absolute;
+
  line-height: .85;  
−
  top:0; left: 0; right: 0;  
+
  font-size: 5.5em;
−
  height: 160px;
+
  margin: 0 .1em 0 0;
−
background: #bbb url(/rel_jap/bg/bg_head0.gif);
+
  font-family: Georgia,Times,serif;
−
  border-bottom: 5px solid #aaa;
 
 
  }
 
  }
 +
 +
.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 ******/
  
−
#p-logo,
+
table.wikitable {
−
#mw-panel,
+
  margin: 1em auto;
−
#mw-head-base {
 
−
  z-index:4;
 
−
background: none;
 
−
background: #f5f5ee url(/rel_jap/wikibilder/logo_head3.jpg) top left repeat-x fixed;
 
 
}
 
}
−
#mw-head {
+
−
  z-index:4;
+
.prettytable {
−
}
+
margin: 1em auto 1em;
−
#mw-panel {
+
border: 1px #aaa solid;
−
  border-bottom: 1px solid #def;
+
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;
 
  }
 
  }
−
#mw-head-base {
 
−
position:absolute; top:-1px; left:0; right:0;
 
−
margin:0;
 
−
border-bottom: 1px solid #def;
 
−
}
 
  
−
div#content {
+
/******** editlinks ***********/  
−
  position:relative;
+
 
−
z-index:1;
+
#content .editlink {
−
margin: 15px 160px 1.5em;
+
  text-align:right;
−
  padding:0 ;
+
  font-size:x-small;
−
line-height: 1.5em;
+
  margin-top:-.3em;
−
min-width: 50em;
 
−
  font-family: Georgia, serif, Times ;
 
−
background:#fff;
 
−
border-color: #ace;
 
−
  border-style: solid dotted solid;
 
−
border-width: 1px 0 2px 2px;
 
 
  }
 
  }
−
.action-edit div#content,
+
 
−
.ns--1 div#content,
+
/******** Schlagworte ***********/
−
.ns-2 div#content,
+
   
−
.ns-6 div#content,  
+
.ns-14 #content h3 {
−
.ns-8 div#content, 
+
font-size: 1em;
−
.ns-10 div#content, 
+
  background:none;
−
.ns-14 div#content {
+
  margin: 0 auto;
−
  margin-right: 0;
 
 
  }
 
  }
  
−
#bodyContent {  
+
/**** sysop Show hide ****/
−
  position:static;
+
.sysop, .user {
−
width:auto;
+
  display: none;
−
margin:0; padding: 3.5em 130px 120px;  
 
 
  }
 
  }
−
.action-edit div.#bodyContent {
+
.anon {
−
  padding: 3.5em 2em;
+
  display: block;
 
  }
 
  }
 +
.mw-warning-with-logexcerpt {
 +
display:none;
 +
}
 +
 +
/********* Wiki Spezialseiten ***********/
  
−
.mw-content-ltr {  
+
table.diff {
−
  font-size:120%;
+
  padding-top: 11em;
 
  }
 
  }
  
−
/*****************
+
.mw-specialpagesgroup {
−
      Bildseiten
+
background:#eeeee5 !important;
−
******************/
+
}
  
−
.ns-6 div#content {margin-left: 2em; margin-right: 2em ;}
+
/********** Anmerkungen ************/
−
.ns-6 div#bodyContent {padding-right:4em;padding-left:4em;}
+
.reference {
−
.ns-6 img {
+
font-size: .8em;
−
  border: 1px solid #ccc;
+
line-height: 1;
−
  }
+
vertical-align:text-top;
−
.fullImageLink {
+
}
−
  text-align: center;  
+
.reference a {
−
  margin: 0;  
+
/* border: 1px solid #F1D3BA; */
−
  padding: 1em 0 ;  
+
  border-radius: 50%;
−
  border: 1px solid #aaa;  
+
  padding: 0 .2em;
−
  border-width: 1px 0;
+
  background:#f2f2f2;
 +
  border: 0;
 +
  }
 +
.reference a:hover {
 +
background:#fffbee;
 
  }
 
  }
−
#mw-imagepage-content {
+
 
−
  padding: 0 100px;  
+
#content .mw-references-wrap:last-of-type {
 +
  background: rgb(230, 229, 219);
 
  }
 
  }
−
.ns-6 small,
+
.mw-references-wrap div.floatright {  
−
.fullMedia {
+
   width: 75px;
−
   font-size:.8em;
+
   line-height: 75px;
−
   }
 
−
.fullMedia {
 
 
   text-align: center;
 
   text-align: center;
−
   }
+
   background: #CCC9B7;
−
.ns-6 big {
+
  border: 1px solid #B8B5AF;
−
   font-size:1.25em;
+
   border-radius: 50%;
−
   }
+
   overflow: hidden;
−
.ns-6 p.titel {
+
}
−
color:#333;
+
.references {
−
margin:1.2em 0 0;
+
column-count: 2;
 +
column-gap: 3em;
 
  }
 
  }
−
.ns-6 .mw-content-ltr p,
+
/*****************
−
.ns-6 .mw-content-ltr dl,
+
  Bilderanmerkungen SCI (SMW-Cite)
−
.ns-6 .mw-content-ltr ol,
+
******************/
−
.ns-6 .mw-content-ltr ul {
+
.qtip {
−
  margin-left: 20pt;
+
    line-height: 1.2;
−
  }
+
    font-family: calibri;
−
.ns-6 li {
+
}
−
  margin-left: 20pt;
+
.qtip-content {
−
  }
+
    padding: .5em 1em;
−
.ns-6 p {
+
}
−
  line-height:1.5em;
+
.qtip .qtip-content a {
−
  }
+
    background: transparent;
−
.ns-6 #filelinks {
+
    color: #1067ac;
−
  height:0; overflow:hidden; color:#fff; padding:0;  
+
}
−
  }
+
.verweise .scite-content > h2 {
−
/* ——— hide ———  */
+
    display: none;
−
#filetoc,
+
}  
−
#mw-imagepage-edit-external,
+
.scite-referencelist li {
−
.ns-6 #metadata,
+
    clear:both;
−
.mw-imagepage-section-metadata {
+
}
−
  display:none;
+
.scite-referencelist .scite-citation-text {  
−
  }
+
    font-size: 1rem;
−
#filehistory,
+
    font-family: inherit;
−
#mw-imagepage-section-filehistory {
+
    line-height: 1.5;
−
font-size:.8em; }
+
}
−
/*********************************
+
.scite-referencelist .floatright {
−
HEADER, HEADINGS
+
    width: 75px;
−
**********************************/
+
    line-height: 75px;
−
/* HEADINGS */
+
    text-align: center;
−
 
+
    background: #d5d0c0;
−
h1, h2, h3, h4, h5, h6 {
+
    border-radius: 50%;
−
font-weight: normal;
+
    overflow: hidden;
−
margin: 0;
+
    margin-left: 1em;
−
padding-top: .5em;
+
    position: relative;
−
padding-bottom: .17em;
+
    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  */
  
−
/* firstHeading */
+
.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;
 +
}
  
−
#firstHeading {
+
.bildtext .reference {
−
  margin:0;
+
vertical-align:baseline;
−
  padding: 3.8em 100px 0em;
+
    white-space: nowrap;
−
  text-align:center;
+
}
−
  font: bold 1.8em "Trebuchet MS";  
+
.bildtext .reference a {
−
  border:0;
+
color: #000;
 +
display: inline-block;
 +
padding: 0.1em .35em;
 +
  margin: 0 1px -0.2em;
 +
  border:0;  
 +
  text-indent: -0.6em;
 +
  overflow: hidden;
 +
  background: #E3E3CA;
 
  }
 
  }
−
/*  Tagline */
+
.bildtext .reference a:hover {
−
#siteSub {
+
  text-decoration:none;
−
position:absolute;
+
  color: #210C4E;  
−
z-index:3;
+
    background: #f0b83a;  
−
right: -2px; left:-2px; top: -2px;
 
−
text-align: right;
 
−
margin:0 0 2.5em;
 
−
padding: .2em 1em;
 
−
  text-align: right;
 
−
font-size: 12px;
 
−
  border:1px solid #ccc;
 
−
border-width: 1px 1px 2px;
 
−
border-color:#67749e;  
 
−
background:#788099;
 
−
color:#ffe;  
 
 
  }
 
  }
 +
#content a.external[href*="religion-in-japan.univie.ac.at"]::after,
 +
#mw_content a.external[href*="religion-in-japan.univie.ac.at"]::after {
 +
content: '';
 +
}
  
−
+
/*______________________________________________
−
/******* H2, H3,... ***********/
+
 
 +
GLOSSAR
 +
BILDER
 +
  Sidebox
 +
  Bildbox (Galerie1)
 +
  Dia
 +
  Galerie2 (Sidepage)
 +
TEXT
 +
  Textbox
 +
  Linkbox
 +
  Zitat
 +
  Thisway
 +
  zitieren
 +
  ______________________________________________
 +
*/  
 +
 
 +
 
 +
 
 +
/*************  
 +
    GLOSSAR
 +
**************/
 +
 
 +
/*  Glossarseiten  */
  
−
h2 {  
+
.glossar_list {  
−
font: bold 1.6em/1.2em "Trebuchet MS";
+
} 
−
color:#333;
+
.glossar_list b {
−
text-align: center;
+
font-family: carlito, calibri, arial;
−
margin: 1.2em -6pt 1em;
+
font-size: 1.1em;
−
padding: .5em 6pt .17em;
 
−
border-bottom: 1px solid #aaa;
 
−
clear:both;
 
 
}
 
}
 +
.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 */
  
−
h2.noborder {padding-bottom:0; border:0;}
+
.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;  
 +
}
  
−
h3 {  
+
.g_box .v-link {
−
font: bold italic 1.3em/1.2em "Trebuchet MS";
+
display: none;
−
color:#333;
+
}
 +
.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;
 
text-align: left;
−
margin: 1em -6pt;
+
}
−
margin-bottom:.8em;  
+
.glossarlink {
−
padding: .5em 6pt .17em;
+
    hyphens: manual;
−
background:url(/rel_jap/bilderneu/hr_aaa.jpg) no-repeat bottom right;
+
}
−
border-bottom: 0px solid #aaa;
+
/* 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;
 +
}
 +
/*________________ 
  
−
h4 {  
+
  Glossar Query Seiten,
−
  font-family:"Trebuchet MS";  
+
  Formulare
−
  font-weight:bold;  
+
 
−
  font-size: 1.2em;
+
___________________*/
−
  line-height:1.5em;
+
 
−
  color:#333;
+
.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;
 +
}
  
−
/*******************************
 
−
LEFT & RIGHT
 
−
********************************/
 
  
−
#toc,
+
/********* Katergorie-Seiten *********/
−
#nv,
+
.gallery li  {
−
.top12 {
+
    list-style: none; 
−
  position: absolute;  
+
}
−
  top: 185px;
+
/***************************************
 +
            LITERATUR
 +
***************************************/
 +
 +
.literatur {
 +
    margin-bottom: .8em;
 +
    padding-left: 2rem;
 +
}
 +
.literatur + .literatur {
 +
    margin-top: -.4em;
 +
}
 +
.L_autor {
 +
  margin-left: -2rem;
 +
  }
 +
.ns-4 .literatur {
 +
padding-left: 7em;
 
  }
 
  }
−
#toc,
+
.ns-4 .L_autor {
−
#nv,
+
  margin-left: -7em;
−
.sidebox,
 
−
.sidebox_Wrapper,
 
−
.left_Wrapper {
 
−
  position: absolute;
 
−
width: 180px !important; right:-92px;
 
−
font: normal normal 12px Arial !important;
 
 
  }
 
  }
−
#nv,
+
.ns-4 .L_fam {
−
.left_Wrapper {
+
font-variant: small-caps;  
−
left:-92px;
 
−
right:auto;
 
 
}
 
}
−
.sidebox_Wrapper .sidebox,
+
.L_jahr:before {
−
.left_Wrapper .sidebox,
+
  content: ", ";
−
.sidebox_Wrapper #toc {
 
−
  position:static;
 
−
margin-bottom:1em;
 
 
  }
 
  }
 +
.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;
 +
}
 +
 +
.showResultsLit {
 +
    column-count: 2;
 +
    column-rule: #d2dbe4 2px solid;
 +
    width: calc(100% - 18rem);
 +
    max-width: none;
 +
    font-size: .9em;
 +
    margin: auto;
 +
}
 +
.showResultsLit li {
 +
list-style:none;
 +
padding-left: 2em;
 +
text-indent:-2em;
 +
position: relative;
 +
break-inside: avoid-column;
 +
}
 +
/*******************************
 +
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
 
TOC
 
********************************/
 
********************************/
  
−
#toc {
+
/* Table of Contents */
−
  position:static;
+
   
−
float: right;
 
−
}
 
−
 
 
 
.toclevel-3,
 
.toclevel-3,
−
.toclevel-4, .toclevel-5, .toclevel-6,
+
.toclevel-4,
 +
.toclevel-5,
 +
.toclevel-6,
 
.tocnumber,  
 
.tocnumber,  
−
.toctoggle {display:none;}
+
.toctoggle,
 +
.toctogglespan {
 +
display: none;
 +
}
  
−
table#toc, .toc {
+
#toc {
−
width: 178px;
+
float: left;
−
left:auto;
+
margin: 0 2em 1em 0;
−
background-color: #fff;
+
padding: 0;
−
  margin:0 0 1em 0 !important;  
+
position: relative;
 +
    z-index: 1; 
 +
    width:14rem;
 +
font-size: 1.1rem;
 +
    overflow: hidden;
 +
    display: block;
 +
    max-height: 100%;
 +
    opacity: 1;
 +
    transition: 500ms;
 +
  /* float hack:
 +
  left:100%;
 +
  margin-left:-100%;*/
 +
}
 +
#toc * {
 +
    overflow: hidden;
 +
    white-space: nowrap;
 +
}
 +
#toc ul,
 +
#toc li {
 +
  margin: 0;
 
  padding: 0;
 
  padding: 0;
−
  border:1px solid #aaa;  
+
  text-align: left; 
−
  border-spacing: 0;
+
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;
 
  }
 
  }
−
#toctitle h2 {
+
.toctext {
−
  font: bold 1.1em/2em Arial; color: #666;
+
    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.25rem;
 +
    max-height: 3rem;
 +
    opacity: .75;
 +
    width: 3rem;
 +
    margin-left: 7.75rem;
 +
    z-index: 4;
 +
    border-radius: 50%;
 +
}
 +
#toc.stickyToc:hover {
 +
    max-height: 100%;
 +
    opacity: 1;
 +
    width: 14rem;
 +
    margin: 0;
 +
    border-radius: .5rem;
 +
}
 +
#toc.stickyToc::after {
 +
    content: '▼';
 +
    content: '\f078';
 +
    font-family: 'Font Awesome 5 Free';
 +
    font-weight: 800;
 +
    position: absolute;
 +
    font-size: 1.5rem;
 +
    top: 0;
 +
    left: 0;
 +
    right: 0;
 +
    padding-top: .25rem;
 +
    height: 2.75rem;
 +
    display: flex;
 +
    align-items: center;
 +
    justify-content: center;
 +
    opacity: 1;
 +
    transition: 500ms;
 +
}
 +
#toc.stickyToc:hover::after {
 +
    opacity: 0;
 +
    height: 0;
 +
}
 +
 
 +
/************************
 +
 
 +
          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;
 
  display:block;
−
  margin:  1px !important;  
+
text-align: center;
 +
  margin:  0px;  
 
  padding: 0 .3em;
 
  padding: 0 .3em;
 +
}
 +
#toc::after {
 
  background-color: #788099;
 
  background-color: #788099;
 
  color:#FFF;
 
  color:#FFF;
−
  border: 1px solid #ccc;
+
} 
−
  border-width: 1px 0;
+
#p-personal li a,
−
  }
+
#p-personal li a.new {
−
#toc ul,
+
  background:transparent;
−
#toc li {
+
  color:#aaa;
−
list-style-type: none;
+
}
−
list-style-image: none;
+
#p-personal li a:hover,
−
margin: 0 ;
+
#p-personal li a.new:hover,
−
padding: 0;
+
.action-view div[id^=siteSub] a:hover { 
−
text-align: left;
+
  color:#999;
−
overflow:hidden;  
+
}
−
background:#fff;
+
/* Hauptseite */
−
}
+
 
−
#toc ul ul, .toc ul ul {
+
.hauptseite-h1 {
−
  margin: 0 0 0 0.5em;
+
    background-image: linear-gradient(rgb(50 83 130 / 80%),rgb(50 83 130 / 80%)),url(/wikibilder/mythen.jpg);
−
  }
+
    background-size: contain;
−
#toc ul ul li, .toc ul ul li{
+
}
−
  padding-left: 1em;
+
.logo300r,
−
  }
+
.hauptseite-h1 .firstHeadingBody::after {
−
#toc a:hover { background:none; text-decoration: none;}
+
background-image: url(/wikibilder/Logo_ebisu_300r.png);
−
#toc a .toctext {color: #666; }
+
}
−
#toc a:hover .toctext {color: #000; background:#eeeee8; text-decoration:none}
+
/* Metalog, allg */
 +
 
 +
.bars {
 +
opacity: .66;
 +
}
 +
#sitemapToggle:hover .bars {
 +
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 */
  
−
#toc li.toclevel-1 {
+
.mythen-h1,
−
margin:0;
+
[class*=page-Mythen] h2,
−
padding:1px ;
+
[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;  
 
}
 
}
−
#toc li.toclevel-1 li {  
+
.mythen-h1 .firstHeadingBody {
−
font-size: .94em;  
+
background-color:#f0f4e0;
−
margin:0 !important;
+
color:#829082; 
−
}
+
}
−
#toc li .toctext {  
+
[class*=page-Mythen]  .textbox_body {
−
line-height:1.5em;
+
background-color:#f0f4e0;
−
padding: .2em 0;
+
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;
 
  }
 
  }
−
#toc li.toclevel-1 .toctext {  
+
.mythen-h1.namazu-e-h1 {
−
display: block;  
+
  background-image: url(/wikibilder/Namazu_shamisen.png);  
−
padding-left:1.5em;  
+
  background-size: contain;
−
text-indent:-1em;  
+
}  
−
border-bottom:1px solid #e5e5e5;
+
−
margin:0;
+
/* Geschichte */
−
}
 
−
#toc li.toclevel-2 .toctext {
 
−
display: block; 
 
−
padding-left:2em;
 
−
text-indent:-2em;
 
−
font-size: .94em;
 
−
}
 
  
 +
.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 */
−
NAVIGATION
+
.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;
 +
background-color: #eee6c1;
 +
color:#825d40;
 +
}
 +
[class*=page-Essays] .textbox_body {
 +
color:#5c5033;
 +
background-color:#f5ebc9;
 +
background-color:#eee6c1;
 +
}
 +
.essays-h1 {   
 +
    background-image: linear-gradient(rgb(205 187 131 / 70%),rgb(243 238 199 / 43%)),url(/wikibilder/essays.jpg);
 +
    background-image: linear-gradient(rgb(173 149 74 / 70%), rgb(189 158 68 / 58%)), url(/wikibilder/matsu.jpg);
 +
}
  
−
#nv {
+
/* Bild, Glossar, Skt */
−
position: absolute;
+
.ns-6 .crumbs, .ns-6 .crumbs a,
−
z-index:12;
+
.ns-120 .crumbs, .ns-120 .crumbs a,
−
margin: 0 !important; padding:0 !important;
+
.ns-124 .crumbs, .ns-124 .crumbs a {
−
line-height: 1.2em;
+
    background: transparent;
−
color:#555;
+
    color: #666;
 
}
 
}
  
−
#nv.fixed {  
+
.ns-120 .firstHeading,
−
  position: fixed;  
+
.ns-120 h2,
−
  top:16px;  
+
.ns-120 h3,
−
  left:10px;
+
.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; 
 +
}
  
−
#nv.absolute {  
+
/** sbUe, **/
−
  position: absolute; display:block;
+
 
 +
.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));
 
}
 
}
  
−
#nv a { color: #016;}
+
/***************************************
−
#nv ul { list-style: none;}
+
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;
 +
}
  
−
#googlesearch {
+
.hell .text1,
−
text-align:center;
+
.hell .imgX .bildtext,
−
padding:3px;
+
.hell .sbAussen + div {
−
  background-color:#FBFBF7;  
+
  color: #000;
−
  border: 1px solid #aaa;
+
  background: rgba(255, 255, 238, 0.7);
 
  }
 
  }
 +
.hell span.reference a {
 +
color: #ffe;
 +
background: #6d6a65;
 +
} 
 +
 +
/**************
 +
  dia
 +
**************/
  
−
#chapters {
+
.dia  {
−
  margin: 0 0 1px;  
+
  position: relative;
−
padding: 0;
+
  margin-left: auto;
−
font: normal normal 13px Arial;
+
  margin-right: auto;
−
  border: 1px solid #aaa;
+
  /*max-width: 650px;*/
−
  background-color: #eee;
+
}
 +
.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 */
  
−
#chapters dl,
+
.i240 {
−
#chapters dd {margin:0; padding:0;}  
+
}
 +
.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;
 +
}
 +
/*************
  
−
#chapters a,
+
Bilder 2023
−
#chapters strong.selflink {
+
* alle responsiven Bilder in imgWrap (wie jedes andere div 50%)
−
  display: block;
+
* sidebox-->floatright
−
  background-color:#fff;
+
*************/
−
  color:#333;
+
.imgWrap {
−
  font-weight: normal;
 
 
}
 
}
−
#chapters a:hover {background-color:#eee; text-decoration: none;}
+
.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 */
  
−
#chapters dl a,
+
.sbUe {
−
#chapters dl strong.selflink {  
+
}
−
  text-transform: lowercase;
+
.sbUe a {
−
  text-align:center;
+
    position: absolute;
−
  margin: 0 1.2em;
+
    display: block;
−
  padding:0 .1em;
+
    top: 0;
−
  line-height:2em;
+
    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;
 
}
 
}
−
#chapters div .pBody {
+
.float-r:hover .sbUeText {  
−
font-size: 95%;
+
    background: rgb(238, 165, 0);
−
  position: absolute; top: -2.3em; left: 12.3em;  
+
    color: #fff;  
−
  margin:0; padding:1px 0;
+
    text-decoration: none;
−
  width:16em; display:none;
+
}
−
  overflow: visible;
+
.float-r:hover .sbUe a {
−
  background: url(no.gif);  
+
    z-index: 4;  
−
  border:0;
+
    text-decoration: none;
−
  z-index:4;
+
    background-image: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,0.2));
 +
}
 +
.mitPagelink .float-r {
 +
    transform: rotate(2.5deg);
 +
}
 +
 
 +
/******** credits ***********/
 +
.credits {
 +
font-size: xx-small;
 +
}
 +
.credits a {
 +
display:inline !important;
 +
}
 +
 
 +
.credits2 {
 +
  position: relative;
 +
margin:auto;
 
  }
 
  }
−
#chapters div:hover .pBody {  
+
.credits2 img {
−
  display: block;  
+
  border:0 !important;
 +
position:absolute;
 +
bottom:2em;
 +
right:-3px;
 
  }
 
  }
−
#chapters ul,
+
.credits2 img:hover {
−
#chapters ol {  
+
background:#fffccc;
−
  list-style:none;
 
−
  margin: 1em;
 
−
  padding: 0 ;
 
−
  border: 1px solid #ccc;
 
−
  border-width: 1px 1px .2em;
 
 
  }
 
  }
−
#chapters li {
 
−
  margin: 0; padding: 0;
 
−
  text-indent: .5em;
 
−
  list-style:none;
 
−
  border-style: solid;
 
−
  border-width: 0 1px 1px;
 
−
}
 
  
−
#chapters li a,
+
/************  Galerie **************/
−
#chapters li strong.selflink {  
+
 
−
  display:block;
+
.galerie1,
−
  marging: 0; padding: 0 1em;
+
.galerie2 {
−
  border-style: solid;
+
margin: 2em auto;  
−
  border-width: 0 .4em ;
+
text-align:center;
−
  line-height: 1.5em;
 
−
  text-align:left;
 
−
  background-color:#fff;
 
−
  text-indent:0;
 
 
}
 
}
−
#chapters li strong.selflink {  
+
.galerie2 {
−
  padding: 0 .5em 0 1.5em !important;
+
background: #eeeee8;
−
  background-image: url(/rel_jap/wikibilder/redarrow2.gif);
+
border: 1px solid #eeeee8;
−
  background-position: .2em ;
 
−
  background-repeat:no-repeat;
 
−
  border-width: 0 .4em 0 2px;
 
 
}
 
}
 +
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;
 +
}
  
−
#chapters .sidepage {  
+
/* galerie2 */
−
  position:absolute;  
+
 
−
  margin-top:-1.5em;
+
.galerie2 .dia_innen {
−
  right:1.5em;  
+
float:left;
−
  width: 1.5em;  
+
width: 96px;
−
  height: 1.5em;
+
height:120px;
−
  border-bottom: 1px solid;
+
border-collapse:separate;
−
  background: url(/rel_jap/wikibilder/Arr_r_grau.gif) .3em  no-repeat;
+
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;
 
}
 
}
  
−
#chapters li li {
+
/****** zitat ******/
−
  font-size: .94em;
+
 +
.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;
 
  }
 
  }
−
#chapters li .sidepage ul {
+
.zitat::before {
−
  position: absolute;  
+
    content: "„";
−
  width: 14.5em;
+
    font-size: 3em;
−
  left:auto;
+
    font-family: Georgia,serif;
−
  right:-14.5em;
+
    line-height: 1;
−
  margin-top: -4.2em;
+
    float: left;
−
   padding:1em 1em 1em .1em;
+
    position: absolute;
−
   border:0;
+
    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******/
  
−
#chapters li ul {display:none;}
+
.linkbox,
−
#chapters li .sidepage:hover ul {display:block;}
+
#catlinks,
 +
.mw-references-wrap {
 +
font-size: 1rem;  
 +
}  
 +
.linkbox {  
 +
    width: calc(50% + 2rem);
 +
}  
 +
 +
/****** textbox ******/
  
−
#chapters li .sidepage ul {
+
.textbox { 
−
  background-image:none;  
+
    margin: auto auto 1.5rem;
−
  width:14em;
+
}
−
  margin:0 0 0 .2em;  
+
.textbox_body {  
−
  top:-2.5em;
+
margin: auto -.5rem;
−
  left:1.2em;
+
padding: 1.5em 2rem 1em;
−
  right:auto;
+
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;
 +
}
  
−
#chapters li li {font-size: .94em; margin-left:1.5em; }
+
/****** linkbox, etc ******/
  
−
#chapters li .sidepage ul li {font-size: .94em; margin-left:0; visibility:visible; }
+
.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;
 +
}
  
−
#chapters li ul div {height:2px}
+
.linkbox ul {
−
 
+
margin-bottom:0;
−
/********************************************
+
margin-top:0;
−
SIDEBOX
+
padding-top:0;
−
**********************************************/
+
padding-bottom:0
−
 
+
}
−
.sidebox {
+
.linkbox p {
−
overflow: visible; top:auto;
+
  margin:1em 0;
−
padding-top:.3em;
+
}
 +
.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;
 
}
 
}
−
.sbBody {
+
−
position:relative; z-index:2;
+
.verweise_g_list li {
−
background-color: #fafaf8;
+
    text-indent: -1.5rem;
−
  border: 1px solid #aaa;
+
    list-style: none;
−
padding: .8em 0;
+
}  
−
/*overflow:hidden;*/
+
#content .verweise h2 {
 +
text-align:left;
 
}
 
}
−
.sbUe {
+
#content .verweise h3 {  
−
position:absolute; left: -1.2em;
+
    margin-left: -.5rem;
−
z-index:4; 
+
    margin-bottom: 1rem;
−
line-height: 13px;
 
−
text-transform:uppercase; text-align:left;
 
−
text-transform:uppercase;
 
−
font-size:10px;
 
−
font-family: Courier, mono; color:#555;
 
−
overflow:visible;
 
 
}  
 
}  
−
.sbUe a,
+
.verweise .mw-headline {
−
.sbUe a:visited {
+
font-size: 1.1em;
−
display:block;  
+
}
−
width:200px; height:112px;
+
.verweise h2,
−
  padding:13px 0;
+
.verweise h3 {
−
  color:#333;
+
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;
 
  }
 
  }
−
.sbUe a:hover {
+
.mw-references-wrap li {
−
  color:#C33;
+
  clear: both;
−
text-decoration:none;
 
−
background:none;
 
 
  }
 
  }
−
.sbUe span,
+
.verweise .info_kurz {
−
.sbUe b,
+
    font-size: 1rem;
−
.sbUe i {  
+
}
−
  float:left;  
+
/***** thisway ******/
−
  width: 1em;  
+
−
  clear: both;  
+
.thisway {
−
  text-align: center;
+
    position: relative;  
−
  font-family: Arial;  
+
    clear:both;
−
  font-size:11px;
+
    text-align: right;
−
   text-transform:uppercase;
+
    font-size: 1rem;
−
  text-transform:lowercase;
+
    color: #eef;   
−
background:#eeeee8;
+
    max-width: inherit;  
−
border: solid #bbb 1px;
 
 
}  
 
}  
−
.sbUe a:hover span,  
+
.thisway.zurueck  {
−
.sbUe a:hover b,
+
text-align: left;
−
.sbUe a:hover i {
+
right: auto; 
−
background:#fffeee;
+
}
 +
.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;
 
}  
 
}  
−
.sbUe span {
+
/****** zitieren ******/
−
border-width:  0 1px;}
+
 
−
.sbUe b {
+
#content .zitieren a.external,
−
border-width: 1px 1px 0; line-height:.5em;}
+
#content .zitieren a.external[href^="gopher://"],
−
.sbUe i {
+
#content .zitieren a.external:visited,
−
border-width: 0 1px 1px; line-height:.5em;}
+
#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;
 +
}
  
−
.left_Wrapper .sbUe { left:auto; right:-1.2em;}
+
.copyme:hover {
 +
    color: #6045e1;
 +
    cursor: copy;
 +
}
 +
/**************
 +
    Hauptseite
  
−
.left_Wrapper .sbUe span,
+
Bilder aus techn. Gründen hier,  
−
.left_Wrapper .sbUe b,
+
alles andere auf der Seite selbst
−
.left_Wrapper .sbUe i {
+
***************/
−
  float:right; }
 
  
−
.sidebox .bildtext a {
+
.page-Religion-in-Japan #mw-page-base { /*für Head Farbe 1*/ 
−
  display:block;  color:#555; }
+
    /*background-image: linear-gradient(rgba(17, 34, 68, 0.8), transparent);*/
−
.sidebox .bildtext a:hover  {
+
}
−
  color:#000;  background:#eeeee8; }
+
 
 +
 
 +
#mw-imagepage-upload-disallowed {
 +
display:none;
 +
  }
 +
 
  
−
/************************************
+
/*****************
−
PLAIN TAGS
+
      Bildseiten
−
*************************************/
+
******************/
  
−
img {
+
.fullImageLink {
−
border: none;
+
  text-align: center;
−
vertical-align: middle;
+
  margin: 0;
 +
  padding: 4em 0 0;
 +
  background: #fff;  
 +
  border: 0;
 
}
 
}
−
p {
+
.mw-imagepage-linkstoimage a[title^=Metalog],
−
margin: .4em 0 .7em 0;
+
.mw-imagepage-linkstoimage a[title^=Bild],
−
line-height: 1.5em;
+
.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;
 
}
 
}
−
p img {
+
.mw-filepage-resolutioninfo:hover,
−
margin: 0;
+
.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;
 +
  }
  
−
hr {
+
/* MW Mediaviewer */
−
height: 1px;
+
.mw-mmv-next-image, .mw-mmv-prev-image,
−
color: #aaa;
+
.mw-mmv-close {
−
background-color: #aaa;
+
width: 1.5rem;
−
border: 0;
+
height: 1.5rem;
−
margin: .2em 0 ;
+
background-size: contain;
 
}
 
}
  
−
ul {
+
.mw-mmv-image-metadata-desc-column,
−
line-height: 1.5em;
+
.mw-mmv-fullscreen,
−
list-style-type: square;
+
.mw-mmv-download-button,
−
margin: .3em 0 0 1.5em;
+
.mw-mmv-options-button,
−
padding: 0;
+
.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);
 
}
 
}
−
ol {
+
.mw-mmv-title-para.mw-mmv-title-smaller {  
−
line-height: 1.5em;
+
    font-size: 1rem;
−
margin: .3em 0 0 3.2em;
+
    line-height: inherit;
−
padding: 0;
 
−
list-style-image: none;
 
 
}
 
}
−
li {
+
.mw-mmv-image-links li,
−
margin-bottom: .1em;
+
.mw-mmv-credit {  
 +
    font-size: 0.85rem;
 
}
 
}
−
dt {
+
.mw-mmv-image-metadata {  
−
font-weight: bold;
+
  background: #262524;
−
margin-bottom: .1em;
+
  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;
 
}
 
}
−
dl {
+
.mw-mmv-image-links li {  
−
margin-top: .2em;
+
  color: #aaa;
−
margin-bottom: .5em;
 
 
}
 
}
−
dd {
+
.mw-mmv-about-links {
−
line-height: 1.5em;
+
  height: 0;
−
margin-left: 2em;
+
  padding: 0;
−
margin-bottom: .1em;
+
  overflow: hidden;
 
}
 
}
−
fieldset {
+
.mw-mmv-image-metadata {  
−
border: 1px solid #2f6fab;
+
  background: #262524;
−
margin: 1em 0 1em 0;
+
  color: #eee!important;
−
padding: 0 1em 1em;
+
  border: 0;
−
line-height: 1.5em;
 
 
}
 
}
−
form {
+
.mw-mmv-title-para .mw-mmv-ttf-ellipsis {  
−
border: none;
+
width:0;
−
margin: 0;
+
bottom: 9px;
 
}
 
}
−
pre {
+
.mw-mmv-title-para .mw-mmv-ttf-ellipsis:before {  
−
padding: 1em;
+
  background-image: linear-gradient(to right,rgba(255,255,255,0) 0%,#494c47 100%);  
−
border: 1px dashed #2f6fab;
+
  content: '...'; 
−
color: black;
+
  font-size: 1.5em;
−
background-color: #f9f9f9;
+
  width: 5em;
−
line-height: 1.1em;
+
  position: absolute;
 +
  right: 0;
 +
  text-align: right;
 
}
 
}
  
−
/********************************************
+
/* thumb image */
−
SYSTEMTEXT
+
 
−
**********************************************/
+
.thumb.tright {  
−
#contentSub,
+
  margin: 0;
−
#contentSub2,
+
  position: absolute;
−
.usermessage {
+
  top: 0;
−
position: absolute; z-index:12;  
+
  left: 0;
−
right:0; top:2em; left:auto;
+
  bottom: 0;
−
font-size: 84%;
+
  right: 0;
−
line-height: 1.2em;
+
}
−
margin: 0 1em;
+
.ns--1 .thumb.tright { 
−
text-align:right;
+
  position: static;  
−
color:#555;
+
}
 +
#mw-upload-thumbnail {
 +
    position: static;
 +
}
 +
.thumb .thumbinner {
 +
/* width: auto!important;*/
 +
  border: 0;
 +
  padding: 0;
 +
  background: transparent;
 +
}
 +
.thumbcaption {
 +
  display: none;
 +
}
 +
.imgX .thumbimage {
 +
border:0;
 
}
 
}
−
span.subpages { display: none; }
 
  
−
/* Edit section links */
+
/* smallimage*/
−
#content .editsection {
+
.smallimage {  
−
float: right;
+
margin: 0 auto .5em;  
−
color:#ddd;
+
}
−
font: normal 9px Arial;
+
.smallimage div {  
−
width:8em;
+
}
−
margin-right:-7em;
 
−
text-align: left;
 
−
}
 
−
#content .editsection a,
 
−
#content .editsection a:visited {  
 
−
color: #ddd;
 
−
font-size:9px;
 
−
}
 
−
#content .editsection a:hover { color: #555; text-decoration:none;}
 
  
−
#content h1 .editsection { display:none;}
+
/* box-shadow */
  
−
.mw-warning {
+
#toc,
−
border: 1px solid #aaa;
+
.sitemapBg,
−
background-color: #fafaf8;
+
#plusMinusAll {
−
padding: 5px;
+
    box-shadow: 0 0 5px 1px rgb(66 50 12 / 20%);
−
font-size: 95%;
+
}
 +
/***** 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  */
  
−
#ca-talk,
 
−
#mw-clearyourcache {
 
−
display: none !important;
 
−
}
 
  
−
/****************************************
+
*::before,
−
FOOTER
+
*::after {
−
*****************************************/
+
  text-rendering: auto;
 +
  -webkit-font-smoothing: antialiased;
 +
  -moz-osx-font-smoothing: grayscale;
 +
}
  
−
div#footer {
+
/*** Mobile ***/
−
position: relative;
+
 
−
height: 30px;
+
@media only screen and (orientation: portrait), (max-width: 940px ) {
−
padding: 5px 0;
+
html, body {   
−
background-color: #f9f9f0;
+
  text-size-adjust: none;
−
border: 1px solid #aaa;
+
  font-size: min(max(2vh, 16px), 220%);
−
border-width: 1px 0;
+
}
−
text-align: center;
 
−
margin: 5px 0;
 
−
}
 
−
#footer a,
 
−
#footer a:visited {  
 
−
  color:#016;
 
−
}
 
−
#footer li {
 
−
list-style: none;
 
−
font-size: 10px !important;
 
−
line-height: 15px !important;
 
−
margin:0 !important; padding:0 !important;
 
−
}
 
−
#footer-info {
 
−
margin: 0 100px;
 
−
}
 
−
#footer-places {
 
−
position: absolute; left:10px; top:5px;
 
−
width: 100px;
 
−
}
 
−
#footer-icons {
 
−
position: absolute; right:0; top:5px;
 
−
width: 100px;
 
−
}
 
−
#f-poweredbyicooo {
 
−
margin: 5px;
 
−
}
 
−
#footer-info-copyright,
 
−
#footer-places-privacy {
 
−
display:none;
 
−
}
 
  
 +
#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
 +
, #toc.stickyToc {
 +
    float: left;
 +
    margin: 0 auto 2rem;
 +
    display: block;
 +
    position: fixed;
 +
    position: sticky;
 +
    left: 0; 
 +
    top: 7rem;
 +
    width: 1.75rem;
 +
    max-height: 100%;
 +
    border-radius: 0 0.5rem 0.5rem 0;
 +
    transition: 500ms;
 +
    z-index: 3;
 +
}
 +
#toc:hover
 +
,  #toc.stickyToc:hover {
 +
    width:100%;
 +
    opacity:1;
 +
}
 +
#toc::after
 +
,  #toc.stickyToc::after {
 +
    content: '›';
 +
    display: flex; 
 +
    align-items:center;
 +
    justify-content: center;
 +
    padding-bottom: .5rem;
 +
    font-family: monospace;
 +
    color: #fff;
 +
    font-weight: bold;
 +
    font-size: 2.5rem;
 +
    position: absolute;
 +
    top: 0;
 +
    right: 0;
 +
    width: 1.75rem;
 +
    height: auto;
 +
    bottom: 0; 
 +
    cursor: pointer;
 +
    opacity:1;
 +
    transition: 250ms;
 +
}
 +
#toc:hover::after,
 +
#toc.stickyToc:hover::after {
 +
    opacity:0;
 +
}
 +
#toc > ul {
 +
    column-count: 2;
 +
    column-gap: 0;
 +
    padding-left: 1.25rem;
 +
}
  
−
.printfooter {
+
/* Bilder */
−
display: none;
+
.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;
 +
}
 +
.showResultsLit {
 +
    column-count: 1;
 +
    width: auto;
 +
    max-width: none;
 +
    font-size: .9em;
 +
    margin: auto;
 +
}
 
}
 
}

Aktuelle Version vom 22. August 2024, 15:37 Uhr

/*@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
TOCF
TEXT
POPUPS
mobile
______________________________________________/*/ 
.chapter-end {
    text-align: center;
    font-style: italic;
    margin-top: 3em;
}
.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 {
	font-variant: small-caps; 
}
.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;
}

.showResultsLit { 
    column-count: 2;
    column-rule: #d2dbe4 2px solid;
    width: calc(100% - 18rem);
    max-width: none;
    font-size: .9em;
    margin: auto; 
}
.showResultsLit li {
 list-style:none;
 padding-left: 2em;
 text-indent:-2em;
 position: relative;
 break-inside: avoid-column;
 } 
/*******************************
			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: 500ms;
  /* 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.25rem;
    max-height: 3rem; 
    opacity: .75;
    width: 3rem;
    margin-left: 7.75rem;
    z-index: 4;
    border-radius: 50%;
} 
#toc.stickyToc:hover {
    max-height: 100%;
    opacity: 1;
    width: 14rem; 
    margin: 0; 
    border-radius: .5rem;
}
#toc.stickyToc::after {
    content: '▼'; 
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    position: absolute;
    font-size: 1.5rem;
    top: 0;
    left: 0;
    right: 0;
    padding-top: .25rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: 500ms;
}
#toc.stickyToc:hover::after {
    opacity: 0;
    height: 0;
}

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

          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;
 } 
 #toc::after {
 background-color: #788099;
 color:#FFF;
}   
#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(50 83 130 / 80%),rgb(50 83 130 / 80%)),url(/wikibilder/mythen.jpg);
    background-size: contain; 
} 
.logo300r, 
.hauptseite-h1 .firstHeadingBody::after {
	background-image: url(/wikibilder/Logo_ebisu_300r.png); 
}
/* Metalog, allg */ 

.bars {
 opacity: .66;
}
#sitemapToggle:hover .bars {
 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; 
	background-color: #eee6c1;
 color:#825d40;
} 
[class*=page-Essays] .textbox_body {
 color:#5c5033;
 background-color:#f5ebc9;
 background-color:#eee6c1;
 }
.essays-h1 {    
    background-image: linear-gradient(rgb(205 187 131 / 70%),rgb(243 238 199 / 43%)),url(/wikibilder/essays.jpg);
    background-image: linear-gradient(rgb(173 149 74 / 70%), rgb(189 158 68 / 58%)), url(/wikibilder/matsu.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));
}
.mitPagelink .float-r { 
    transform: rotate(2.5deg);
}

/******** 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
, #toc.stickyToc { 
    float: left;
    margin: 0 auto 2rem;
    display: block;
    position: fixed;
    position: sticky;
    left: 0;  
    top: 7rem;
    width: 1.75rem; 
    max-height: 100%;
    border-radius: 0 0.5rem 0.5rem 0;
    transition: 500ms;
    z-index: 3;
}
#toc:hover
,  #toc.stickyToc:hover { 
    width:100%; 
    opacity:1;
}
#toc::after
,  #toc.stickyToc::after {
    content: '›';
    display: flex;  
    align-items:center;
    justify-content: center;
    padding-bottom: .5rem;
    font-family: monospace;
    color: #fff;
    font-weight: bold;
    font-size: 2.5rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 1.75rem;
    height: auto;
    bottom: 0;   
    cursor: pointer;
    opacity:1;
    transition: 250ms;
}
#toc:hover::after, 
#toc.stickyToc:hover::after {
    opacity:0; 
}
#toc > ul {
    column-count: 2;
    column-gap: 0; 
    padding-left: 1.25rem;
} 

/* 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;
}
.showResultsLit { 
    column-count: 1;
    width: auto;
    max-width: none;
    font-size: .9em;
    margin: auto;
}
}
Abgerufen von „https://religion-in-japan.univie.ac.at/r/index.php?title=MediaWiki:Vector.css&oldid=111244“