MediaWiki:Vector.css

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

/*/______________________________________________
Hier befinden sich im Wesentlichen css-Befehle, 
die mit Extensions und Templates zu tun haben

ANMERKUNGEN
EINZELSEITEN
GLOSSAR
BILDER
TOC
TEXT
POPUPS
mobile
______________________________________________/*/ 

    

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

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

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

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

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

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

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

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

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

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

#content .mw-references-wrap:last-of-type {
 background: rgb(230, 229, 219);
 }
.mw-references-wrap div.floatright { 
  width: 75px;
  line-height: 75px;
  text-align: center;
  background: #CCC9B7; 
  border: 1px solid #B8B5AF;
  border-radius: 50%;
  overflow: hidden;
 }
 .references {
 	column-count: 2;
 	column-gap: 3em;
 }
 /*****************
   Bilderanmerkungen SCI (SMW-Cite)
 ******************/
.qtip { 
    line-height: 1.2;
    font-family: calibri;
}
.qtip-content {
    padding: .5em 1em;
}
.qtip .qtip-content a {
    background: transparent;
    color: #1067ac;
}
.verweise .scite-content > h2 {
    display: none;
} 
.scite-referencelist li {
    clear:both;
}
.scite-referencelist .scite-citation-text { 
    font-size: 1rem;
    font-family: inherit;
    line-height: 1.5;
}
.scite-referencelist .floatright {
    width: 75px;
    line-height: 75px;
    text-align: center;
    background: #dddccc; 
    border-radius: 50%;
    overflow: hidden;
    margin-left: 1em;
}
.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); 
 } 
.referencetooltip li::before {
	content: ''; 
}
.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; 
 }

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

      Einzelseiten 

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

.ns-0[class*= page-Grundbegriffe] #toc::before { 
 background-image: linear-gradient(rgb(255 255 255 / 1%), rgb(255 255 255 / 20%)), url(/rel_jap/wikibilder/Charms2.jpg); 
 padding-top: 41%; 
 } 
.ns-0[class*= page-Bauten] #toc::before { 
  background-image: linear-gradient( rgba(220, 80, 0, 0.32), rgba(222,72,0,0.48) ),
    url(/rel_jap/r/images/thumb/9/90/Kasuga_lanterns2.jpg/240px-Kasuga_lanterns2.jpg);
 padding-top: 40%; 
  background-position:  0 66%;
} 
.ns-0[class*= page-Bauten_Schreine] #toc::before { 
    background-image: linear-gradient(rgba(255, 94, 0, 0.3), rgba(255, 94, 0, 0.3)),
    url(//www.univie.ac.at/rel_jap/r/images/9/9d/Shimenawa_gohei.jpg);
 padding-top: 40%; 
  background-position: 0 40%; 
}
.ns-0[class*= page-Bauten_Ise_Izumo] #toc::before { 
  background-image: linear-gradient(rgba(222, 72, 0, 0.38), rgba(222, 72, 0, 0.38)),
    url(/rel_jap/r/images/d/d9/Ise_plan.gif); 
 padding-top: 40%; 
  background-position: 95% 13%; 
  background-size: 222%; 
}
.ns-0[class*=page-Alltag]  #toc::before {
 background-image: url(/rel_jap/wikibilder/sake.jpg);  
 padding-top: 40%; 
 }
.ns-0[class*=page-Alltag_Matsuri]  #toc::before { 
 background-image: url(/rel_jap/wikibilder/matsuri.jpg);  
 padding-top: 40%; 
 } 
.ns-0[class*=page-Ikonographie] #toc::before { 
    background-image: linear-gradient(rgb(255 255 255 / 1%), rgb(255 255 255 / 30%)), url(images/b/b2/Chap4.jpg);
 padding-top: 40%; 
}
.ns-0[class*=page-Ikonographie_Gluecksgoetter]  #toc::before { 
  padding-top: 200px;
  background-image: url(/rel_jap/wikibilder/Takarabune.gif);   
  background-position: center;  
  background-size: contain;
  background-repeat: no-repeat;
 }
.ns-0[class*=page-Mythen] #toc::before { 
    background-image: linear-gradient(rgb(255 255 255 / 10%),rgb(255 255 255 / 40%)),url(/rel_jap/wikibilder/drache2.jpg);
    padding-top: 50%;
}
.ns-0[class*=page-Mythen_Geister] #toc::before {
    transform: none;
    padding-top: 66%;
    background-image: linear-gradient(rgba(204, 211, 191, 0.5),transparent),
    url(/rel_jap/wikibilder/yurei_kyosai2_kl.jpg);
    background-position: 0 26%;
    background-size: auto;
  background-repeat: no-repeat;
}
.ns-0[class*=page-Mythen_Verwandlungskuenstler]  #toc::before {
 background-image: url(/rel_jap/wikibilder/kitsune.jpg);   
 padding-top: 40%; 
 }
.ns-0[class*=page-Mythen_Symboltiere_Namazu-e] #toc::before { 
 padding-top: 195px;
 background-image: url(/rel_jap/wikibilder/Namazu_shamisen.png);  
 background-position: center;  
   background-size: contain;
 }
.ns-0[class*=page-Geschichte] #toc::before { 
  background-image: linear-gradient(rgb(255 255 255 / 10%), rgb(255 255 255 / 30%)), url(images/a/aa/Geschichte.jpg);  
 padding-top: 40%; 
}
.ns-0[class*=page-Geschichte_Amidismus]  #toc::before {
 background-image: url(/rel_jap/wikibilder/kuya.jpg);
 padding-top: 40%; 
 background-position: top right; 
 background-repeat: no-repeat;
 }
.ns-0[class*=page-Geschichte_Staatsshinto]  #toc::before { 
 background-image: url(/rel_jap/wikibilder/yasukuni.jpg);  
 padding-top: 40%; 
 }
.ns-0[class*=page-Denken] #toc::before { 
  background-image: linear-gradient(rgba(156, 131, 71, 0.63),rgba(204, 186, 123, 0.84)),
    url(/rel_jap/wikibilder/hannya_detail.jpg);   
 padding-top: 40%; 
  background-position: left;
  background-size: cover;
}
.ns-0[class*=page-Essays] #toc::before {  
    background-image:  linear-gradient(rgb(255 255 255 / 1%), rgb(255 255 255 / 20%)), url(images/2/2c/Chap8.jpg);  
 padding-top: 40%; 
}


#content a.external[href^="gopher://www.univie.ac.at/rel_jap/an"],
#content a.external[href^="gopher://www.univie.ac.at/rel_jap/r"],
#mw_content a.external[href^="gopher://www.univie.ac.at/rel_jap/r"],
#mw_content a.external[href^="gopher://www.univie.ac.at/rel_jap/an"] 
#content a.external[href*="www.univie.ac.at/rel_jap/an"],
#content a.external[href*="www.univie.ac.at/rel_jap/r"],
#mw_content a.external[href*="www.univie.ac.at/rel_jap/r"],
#mw_content a.external[href*="www.univie.ac.at/rel_jap/an"] {
	background: none;
	padding-right: 0;
}

/*______________________________________________

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;
    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;
 }
.smw-columnlist-container li::before,
.glossar_list li::before {
	content: ''; 
}
.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(/rel_jap/bilderneu/kanji26.cur), help;
 color:#124374; /*blau*/ 
 font-family: "Trebuchet MS", Arial;
 font-weight:bold;
 position:relative;
 hyphens:manual; 
 -webkit-hyphens: manual;
 -moz-hyphens:  manual; 
 }
.glossar:hover {
 background:#f1f5ff;
 }  
.glossar:target,
.glossar :target {
    background-image: radial-gradient(rgb(255 247 0 / 50%),transparent);
}
.g_box  {
 display: none; 
 position:absolute;
 z-index:1;  
 top:1.1em; 
 left: -2em;  
 left: calc(50% - 6.75em - 1px); 
 font-size: 1rem; 
 line-height: 1.3;
 text-align:center; 
 font-family: calibri, arial;
 font-weight:normal; 
 width: 12em;
 padding: .75em;  
 border-radius: 8px; 
 box-shadow: 1px 1px 3px rgba(48, 37, 20, 0.5);
 cursor: default;
   z-index: 6; 
  color: #135; 
  background-color: #f4f8ff;
  border: 1px solid #4694e2;
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
 hyphens:auto; 
 -webkit-hyphens: auto;
 -moz-hyphens:  auto; 
}
.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-siehe {
    display: block;
 font-family: calibri, sans; 
 font-size: .7em;   
 text-transform: uppercase;
 color: #8395C2;
 background-color: #f3f5ff; 
    line-height: 2; 
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 .5em;
    margin: -1em auto 0;
}
.g_links_artikel li {
	text-align: left;
} 

/* Glossar Links  */
.action-view a[href *="Glossar:"]:after, 
.action-view a[href *="Skt:"]: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;
 } 
a[href *="Glossar:"]:hover,
a[href *="Skt:"]:hover {
 text-decoration: none;
 background: #FCFFBD;
 }
a[href *="Glossar:"]:hover:after, 
a[href *="Skt:"]:hover:after {
 color: #e00;
 }
#mw-head a[href *="Skt:"]:after {
 content: ""; 
 padding:.0em;
 }

/* Glossar Bilder*/
.b_liste { 
 margin: 0 auto;
 min-width: 580px;
 font-size: .9em;
 }
.b_liste ul {
  text-align: center;
  margin: 0 auto 1em;
 }
.b_liste li {
 margin: 4px; 
 display: inline-block;
 width: 162px;
 height: 182px;
 text-align: center;
 vertical-align: top;
 } 
.b_liste li::before {
	display:none;
}
.b_bild {
 height: 160px;
 width: 160px; 
    display: flex;
    justify-content: center;
    align-items: center;
 overflow: hidden;
 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;
 }
 /* neu 2020/4 */
 
.bilderliste {
    width: calc(100% - 18rem);
}
[class*=Metalog_Bilder_] .firstHeading {
    padding: 1em 0;
}

#content .galerie_glossar,
ul.galerie_glossar
 {
    width: auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
    margin: 0 auto;
} 
.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;
}

.markerwithlabel { /* GOOGLE */
 border: 0; 
 background-color: rgba(255, 255, 255, 0.7);
 padding: 3px 5px;
 text-shadow: 1px 1px 3px #fff;
 }
/***************************************
             LITERATUR
***************************************/
 
.literatur { 
    margin-bottom: .8em;
    padding-left: 2rem;
}
.literatur + .literatur {
    margin-top: -.4em;
}
.L_autor {
 margin-left: -2rem;
 }
.ns-4 .literatur {
 padding-left: 7em;
 }
.ns-4 .L_autor {
 margin-left: -7em;
 }
.ns-4 .L_fam {
text-transform: uppercase;
}
.L_jahr:before {
 content: ", ";
 }
.ns-4 .L_jahr:before {
 content: "";
 }
.ns-4 .L_jahr  {
 display: block;
 position: absolute;
 left: 2em;
 } 
.ns-4 .L_jahr {
 display: block;
 position: static;
/* left: 2em; */
 margin: 0 0 -1.5em 1.5em;
}

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

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

#toc {  
 float: left;
 margin: 0 2em 1em 0;
 padding: 0;
 overflow:hidden;
 position: relative;
    z-index: 1;  
    width: 14rem;
    min-width: 14rem; 
    left: 0;
  font-size: 1.1rem;
  left:100%; /* float hack*/
  margin-left:-100%;
}
#toc ul,
#toc li {
 margin: 0;
 padding: 0;
 text-align: left;  
 background: #f7f6e6;
} 	 
#toc li::before {
	content:'';
}
#toc > ul { 
 padding: .5em .1em .7em 0;
}
#toc a {
 display: block; 
 line-height:1.3;
 padding: 1px .3em;
 padding-left: 2em; 
 text-indent: -1em; 
 color: #666;
 }
#toc a:hover  { 
 text-decoration: none; 
 color: #000;
 background:#E8E7CA;
 }
 
#toc 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);
}

.firstHeading + p,
#toc + p, 
#toc + .sidebox3 + p, 
#toc + .i500 + p, 
.wrap_toc + p, 
.wrapInfo + p {
	font-size: 1.2em;
    margin-bottom: 2.5em!important;
}

/*** wrap_toc ****/

.wrap_toc {
    position: fixed;
    top: .3rem;
    z-index: 12;
    width: auto;
    min-width: auto;
}
#toc.fix_toc::before {
 display: none;
} 
#toc.fix_toc {
    min-width: auto;
    width: 3rem;
    height: 3rem;
    margin-left: 8rem;
    transition: margin-left 0.5s;
    left: auto;
}
#toc.fix_toc:hover,
.pin #toc.fix_toc {
    margin-left: 0;
}
.fix_toc > * {  
   opacity: 0;
   max-height: 0;
   width: 0rem; 
   transition: opacity 0.5s ease-out,  max-height 0.5s ease-out,  width 0.5s ease-out;
   z-index: 2;
   position: relative; 
    white-space: nowrap;
    overflow: hidden;
}
.fix_toc:hover > *,
.pin .fix_toc > * { 
   opacity: 1;
   max-height: 100vh;
   width: 14rem;
   transition: opacity 0.5s ease-out,  max-height 0.5s ease-out,  width 0.5s ease-out;
} 
.fix_toc::after {
    content: '+';
    font-size: 3rem;
    font-family: sans-serif;
    position: absolute;
    color: #afab91; 
    top: 0;
    right: 0;
    display: block;
    width: 1em;
    line-height: 1em;
    text-align: center;
   z-index: 1;
}
#toc .here {
	background: rgb(0 0 0 /10%); 
}
.fix_toc h2 {
    cursor: col-resize;
} 
.fix_toc h2::before { 
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: .1em;
    top: .1em;
    display: block;
    content: '\f3c1'; /*unlock*/
    content: '\f276'; /*map-pin*/
    opacity: .5;
    width: 1.8em;
    height: 1.8em;
    text-align: center;
    border-radius: 50%;
    transform: rotate(45deg);
} 
.fix_toc h2:hover::before {
	background: rgb(255 255 250/30%);
    opacity: 1;
} 
.pin .fix_toc h2::before { 
    content: '\f023';  /*lock*/ 
    content: '\f0e2';  /*undo*/ 
    transform: rotate(0);
} 

/*******************************
		Sidebox3
********************************/
   
.sidebox3 {
 z-index: 2;
 overflow: visible;  
}

/** sbUe, **/

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

/***************************************
				BILDER
***************************************/
/****** Floats ******/
.float_left {
 width:220px;
 float:left;
 margin:  .3em 2.5em 1em -2px;
 }
.float_right {
 width:220px;
 float:right;
 margin: .3em -2px 1em 2.5em;
 }
.float_left td {
 vertical-align:top;
 }

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

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

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

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

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

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

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

.diax2  {
  position: relative;
  margin-left: auto; 
  margin-right: auto; 
  /*max-width: 650px;*/
}
.diax2 .thumb .thumbinner, 
.diax2  .thumb .thumbinner a { 
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: auto!important; 
    opacity: 0;
}
.diax2 .innen img {
    width: 100%;
    height: inherit;
}
.diax2 a {
    cursor: zoom-in;
}
.diax2 .bildtext {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5em .5em;
    line-height: 1.2em;
    background-color: rgba(0,0,0,0.5);
    color: #E3E3CA;
    visibility: hidden;
}
/*.sidebox3 .bildtext,*/
.diax2:hover .bildtext {
    visibility: visible;
}
.hell .diax2 .bildtext {
    background-color: rgba(219, 208, 181, 0.7);
    color: #222222;
}
.mitPagelink:hover .bildtext {
    visibility: visible;
    background: #eea500;
    color: #fff;
    color: #000;
    font-weight: bold;
}

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

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

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

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

/* i500 */
.i500 { 
  margin: auto;
  margin-bottom: 1.5em; 
} 
.i240 {
  width: 33%;
  min-width: 240px;
  max-width: 400px;
}  
.i240.iright { 
}
.maxleft {
 width: 48%; 
 float: left;  
 margin-right: 4%;
} 
/*************************
          img width
***************************/
 .i500.imax {
 	width: 625px;
}
.mw-parser-output > .i500.imax {
    width: 50%;
    max-width: 1000px;
}
.i500 {
 	width: 500px;
}
.mw-parser-output > .i500 {
    width: 35%;
    /*min-width: 28rem;*/
    max-width: 700px;
  clear:none;
}
.i240 {
    width: 250px;
}
.mw-parser-output > .i240 {
    width: 35%;
    /*min-width: 14rem;*/
    max-width: 350px;
}    
.mw-parser-output > .i500.i503b {
    width: 40%;
    /*min-width: 40rem;*/
    max-width: 800px;
}
.sidebox3 .imgFloat {
  float: right; 
  clear: right;
    width: 14rem;
    max-width: 350px;
  position: relative;  
  margin: .3em 0 2em 2em;
}
.sidebox3.mitPagelink .imgFloat {
	margin-top: 1.3em;
}
.float-l {
float: left; 
clear: left; 
margin: .3em 2em 1em 0; 
}
.float-r {
float: right; 
clear: right;  
margin: .3em 0 1em 2em; 
}

.float-r .caption,
.float-l  .caption {
	margin-top:.5em;
    padding: 0;
} 
.mw-parser-output .sidebox .sbBody,  
.mw-parser-output .sidebox_Wrapper .imgBorder {
    width: 14em;
    min-width: 224px;
    max-width: 310px;
float: right; 
clear: right; 
} 
.imgFloat .sbUe2 a {
left: 0; 
right: 0; 
}
.references .float-r > a {
    float: none;
    clear: none;
    margin: 0;
} 
.bild_info { 
    right: 8rem; 
    text-align: right;
}
 .smallimage {
    display: block;
}

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

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

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

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

/* galerie1 */

.galerie1 ul {
 margin:0; padding: 0;  
 text-align: center;
 }
.galerie1 li {
 vertical-align: top; 
 margin:0 5px; padding: 0;  
 display: inline-block;  
 }
.galerie1 img {
 vertical-align: top; 
 }
.galerie1 li::before {
 	content:'';
}

/* 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(/rel_jap/r/skins/common/images/lupe.gif) no-repeat right top;
	}	
.galerie2 h2,
.galerie2 .bildtext span span {
	padding: auto 0 ; margin: auto 0 ; 
	border:0; background:none;
	}
/************************************** 
			Denken
**************************************/

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

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

.linkbox,
#catlinks,
.mw-references-wrap, 
.verweise {
 font-size: 1rem; 
 }

.linkbox { 
    width: calc(50% + 2rem);
 } 
 
/****** textbox ******/

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

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

.linkbox ul { margin-bottom:0; margin-top:0; 
	padding-top:0; padding-bottom:0}
.linkbox p { 
  margin:1em 0;
}
.linkbox > div {
 margin: 0;
 padding: 1.5em 2em;
 border: 1px solid #eae5cb; 
 background: #f5f5ee;
 border-radius: 8px;
}
.linkbox .quelle,
.verweise .quelle {  
    margin-bottom: -1.5em;
    font: normal small calibri,Arial;
 } 
.verweise {
    margin: auto;
    padding: 2rem calc(3rem + 3%) 3rem;
    border-radius: 8px; 
    color: #333;
    width: calc(74% - 6rem);
    max-width: 58rem;
}
.verweise_lit,
.verweise .references,
.verweise_g_list ul,
.verweise .shortlist ul { 
    column-gap: 4rem;
    column-width: 18rem;
}
.verweise_lit > *,
.verweise .references > *,
.verweise_g_list ul > *,
.verweise .shortlist ul > * { 
    break-inside: avoid-column;
}
 
.verweise_g_list li {
    text-indent: -1.5rem;
}  
.verweise_g_list li::before {
    content: '';
}
 
#content .verweise h2 {
	text-align:left;
}
#content .verweise h3 { 
    margin-left: -.5rem;
    margin-bottom: 1rem;
} 
.verweise .mw-headline {
	font-size: 1.1em; 
}
.verweise h3::after { 
    content: '';
    display: block;
    height: 3px;
    background-image: radial-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));
    position: absolute;
    left: -2rem;
    right: -2rem;
    bottom: -.5rem;
    border-radius: 25%;
}
.mw-references-wrap p.titel {
 display: inline;
 clear: both;
 }
.mw-references-wrap li {
 clear: both;
 }

/***** thisway ******/
 
 #thisway {
    position: relative; 
    margin: 5rem auto 1rem;
    padding: 0;
    text-align: right;
    font-size: 1rem;
    color: #888; 
    background: none;
    width: calc(50% + 2rem); 
    border-radius: 0;
}
#thisway.zurueck  { 
 text-align: left;
 right: auto;  
}
#thisway a {
    display: block;
    padding: 1em 2.5em;
    margin: 0;
    border-radius: .5em;
    text-decoration: none;
    background: #f2f2ee;
}
#thisway a:hover { 
    background-color:#f0ede6;
}
#thisway a span {
	color: rgb(34 34 34/ 90%);
	padding: 0 .75rem;
}
#thisway a:hover span {
	color: rgb(34 34 34/ 100%);
}
/****** 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 {
    max-width: 50rem;
    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: 1em 0;
}
.mw-filepage-resolutioninfo:hover, 
.mw-filepage-resolutioninfo:hover a {
    color: #777;
}
.mw-filepage-resolutioninfo::after {
    content: '\f03e';
    font-family:  "Font Awesome 5 Free";
    font-size: 1rem;
    color: #777;
    border-radius: 50%;
    width: 1.5em;
    line-height: 1.5;
    display: inline-block;
}
.ns-6 .firstHeading {
    margin: 0 auto;
    text-align: left;
    font-size: 1.5rem;
    padding: .5rem 0;
}
.ns-6 .firstHeading > span { 
    margin: auto;
}
.ns-6 #content .g_thema {
    border: 0;
    margin: 3em auto; 
    background: #f7f6e6;
    padding: 1.2em;
    text-align: center;
}
/* ——— hide ———  */
#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 {
	display: none; 
} 
.mw-mmv-above-fold { 
    max-width: 80%;
    margin: auto;
}
.mw-mmv-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}
.mw-mmv-post-image { 
  color: #ffe; 
  background-color: rgba(68, 68, 68, 0.5);
}
.mw-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;
}
#mw-upload-thumbnail {
    position: static;
}
.thumb .thumbinner {
/* width: auto!important;*/
  border: 0;
  padding: 0;
  background: transparent;
}
.thumbcaption {
  display: none;
}
.imgX .thumbimage {
	border:0;
}

/* smallimage*/
.smallimage { 
 margin: 0 auto .5em; 
}
.smallimage div { 
}

/* box-shadow */

#toc,
.sitemapBg, 
#plusMinusAll, 
.sidebox3 .imgBorder {
	box-shadow: 0 0 5px 1px #dbd0b5; 
    box-shadow: 0 0 5px 1px rgb(66 50 12 / 20%);
}

/*  Font Awesome  */


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

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

#content {
	width: 92%;
}
.action-view #siteNotice, 
#thisway,
#sitemapTop {
	width: 100%;
}
#p-search #searchform {
    margin: .1em 0;
}
.mw-parser-output > *  {
	width: 80%;
}
.mw-parser-output > ul, 
.mw-parser-output > ol,
.mw-parser-output > dl  {
    width: calc(80% - 4rem); 
}
.mw-parser-output > .zitat {
    width: calc(80% - 2rem);
    padding: 1.5rem 3rem 1rem;
}
.largebox {
    width: 100%;
}
.verweise {
	width: 80%;
	padding-left: 0;
	padding-right: 0;
}
#firstHeading { 
  height: unset !important;
  padding: 1.5em 0 !important;
}
.firstHeading {
  font-size: 2em;
}
.firstHeadingBody {
	margin: auto;
}
#firstHeading > span { 
  position: static; 
  display: inline;
} 
 .bildbox {
 clear: both;
 }  
 .i500 .bildtext, .i240 .bildtext, .sidebox3 .bildtext {
    position: relative; 
    color: #555; 
    background: transparent; 
    visibility: visible;
}
#toc { 
    float: none; 
    margin: 0 auto 2rem; 
    display: block;
	width: 80%;
	left:auto;
}
#toc::before {
	padding-top: 7em !important;
}
#toc > ul {
    column-count: 2;
    column-gap: 0; 
} 

/* Bilder */
.mw-parser-output > .i500, 
.mw-parser-output > .i500.imax,  
.mw-parser-output > .i500.i503b,
.mw-parser-output .sidebox_Wrapper .imgBorder{
	width: auto; 
}
.i240 {
    width: 45%;
    min-width: 240px;
    max-width: 350px;
}
.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;
}
}