@charset "utf-8";
body {}
h1#top {
	margin: 0 0;
	padding: 0 0;
	background: url("/readinggroup/2025_spiritualism/DerMoenchAmMeer.webp") right bottom -16vw no-repeat;
	background-size: 200vw;}
h1#top > div {
	position: relative;
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	justify-content: center;
	align-items: flex-start;
	margin: 0 0;
	padding: 0 0;
	width: 100vw;
	height: 50vh;
	line-height: 1;
	background-color: transparent;
	border: none;
	text-align: center;}
h1#top > div strong {
	display: block;
	margin: 0 0 1vw 8vw;
	padding: 0 0;
	font-size: 4.75vw;
	letter-spacing: -0.075em;
	color:rgba(256,256,256,0.5);
	text-shadow: 6px 6px 6px rgba(0,0,0,0.15);
	font-family: "Midashi Min MA31"/*"Hiragino Maru Gothic W4 JIS2004"*//*"Reisho 101"*/;
	line-height: 1.25;}
h1#top strong > em { 
	display: block;
	font-style: normal;
	letter-spacing: 0.05em;}
h1#top strong i {
	display: inline-block;
	font-style: normal;
	letter-spacing: 0;} 
/**/
nav {
	position: sticky;
	top: 0;
	left: 0;}
nav > ul.toc {
	display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 auto;
	padding: 0 0;
	width: 90%;
	background-color: #fff;
	border: none;
	font-size: 16px;}
nav > ul.toc > li {
	display: block;
	margin: 0 0;
	padding: 0 0;}
nav > ul.toc a {
	display: block;
	margin: 0 0;
	padding: .5em 2em;}

table.list,
table.lined {
	width: 96%;
	margin: .2em auto;
	background-color: #fff;}

/*****************************************************************************
	breadcrumbs
*****************************************************************************/
#breadcrumbs, .breadcrumbs {
	clear: both;
	font-size: 1rem;
	margin: 0 0;
	padding: 5px 5%;
	max-height: none;
	border: none;
	line-height: 1;
	white-space: nowrap;
	color: #fff;
	background-image: none;
	background-color: #f7f7f7;
	text-align: center;
	border-top: 1px #ddd solid;}
#breadcrumbs a.here,
	#breadcrumbs span, .breadcrumbs span, 
	#breadcrumbs a, .breadcrumbs a,
	#breadcrumbs a:link, .breadcrumbs a:link, 
	#breadcrumbs a:visited, .breadcrumbs a:visited { 
	margin-left: 0;
	padding: .5em 1em;
	background-image: none;
	text-decoration: none;
	color: #666;}
#breadcrumbs span.disj, .breadcrumbs span.disj,
	#breadcrumbs a.disj, .breadcrumbs a.disj { 
	border-right: none;
	padding: .5em 1em;}
#breadcrumbs a:nth-of-type(1) { display:none;}

iframe.YouTube {
	display:block; 
	margin: 0.5em auto;}
img.cover { margin: 2em 1em 1em 1em;}