@charset "utf-8";
@media (prefers-color-scheme: dark) {
 	:root {
	
	}
}

@media (prefers-color-scheme: light) {
 	:root {
	
	}
}

@font-face {
	font-family: 'OCR A Std';
	src: local('OCR A Std'), url('OCRAStd.woff') format('woff');
        src: url("//db.onlinewebfonts.com/t/bdc32e3567beb611cbb485b42ba29160.eot");
	src: url("//db.onlinewebfonts.com/t/bdc32e3567beb611cbb485b42ba29160.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/bdc32e3567beb611cbb485b42ba29160.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/bdc32e3567beb611cbb485b42ba29160.woff") format("woff"), url("//db.onlinewebfonts.com/t/bdc32e3567beb611cbb485b42ba29160.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/bdc32e3567beb611cbb485b42ba29160.svg#OCR A Std") format("svg");

}

@supports (-webkit-touch-callout: none) {
	:root{
		/*--headerH1: "-wekbit bei C`Movie dem Hoffnungsportal";	
		--headerH1Small: "C`Movie das Hoffnungsportal";
		--headerH1XSmall: "C`Movie gibt Hoffnung";
		--headerH1XXSmall: "C`Movie\ngibt Hoffnung";
		--headerH3: "Der Gegenpol zu Chaos und Panik seitens der Medien und Politik";
		--headerH3Small: "Der Gegenpol zu Chaos und Panik";
		--headerH3XSmall: "Stoppe Chaos und Panik";

		--displayNone: none;
		--displayBlock: -webkit-block;
		--displayInlineBlock: -webkit-inline-block;
		--displayInline: -webkit-inline;
		--displayInlineFlex: -weblkit-inline-flex;
		--displayFlex: -webkit-flex;*/
	}
}



html, body {
	overflow-x: var(--overflowCut);
	width: var(--screenWide);
	/*touch-action: var(--touchActionNone);*/
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	-webkit-overflow-x: var(--overflowCut);
	-moz-overflow-x: var(--overflowCut);
	-ms-overflow-x: var(--overflowCut);
	left: var(--topLeft);
	font-size: var(--fontSize);
}

body {
	background-color: var(--drkClouds);
	background-image: var(--blueGradient3);
	font-family: var(--mainFont);
	font-size: var(--fontSize);
	color: var(--colorLgtGrey);
	background-repeat: var(--repeateBg);
	background-attachment: var(--bgPosFixed);
	-webkit-text-size-adjust: var(--adjust);
	-moz-text-size-adjust: var(--adjust);
	-ms-text-size-adjust: var(--adjust);
	text-size-adjust: var(--adjust);
	width: var(--screenWide) !important;
	height: var(--screenHeight) !important;
	display: var(--displayBlock) !important;
	padding: var(--noMarginPadding);
	margin: var(--noMarginPadding);
	text-shadow: var(--fontShadow);
	overflow: var(--overflowHidden);
	-webkit-overflow-x: var(--overflowHidden);
	-moz-overflow-x: var(--overflowHidden);
	-ms-overflow-x: var(--overflowHidden);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	left: var(--topLeft);
	z-index: 0;
}

body * {
	box-sizing: var(--boxSizeingBorder);
	-webkit-box-sizing: var(--boxSizeingBorder);
	overflow-x: var(--overflowCut);
	-webkit-overflow-x: var(--overflowCut);
	-moz-overflow-x: var(--overflowCut);
	-ms-overflow-x: var(--overflowCut);
	/*touch-action: var(--touchActionNone);*/
	touch-action: var(--touchActionMan);
	-webkit-overflow-x-scrolling: var(--overflowNone);
	-webkit-overflow-y-scrolling: var(--overflowAuto);
	text-size-adjust: var(--adjust);
	-webkit-text-size-adjust: var(--adjust);
	-moz-text-size-adjust: var(--adjust);
	-ms-text-size-adjust: var(--adjust);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	-webkit-overflow-scrolling: var(--overflowScrollTouch);
	outline: 0;
}


:is(#impressum, #datenschutz, #haftung, #Screen) .Info {
	border-radius: var(--borderRadius);
	background-color: var(--infoBG);
	backdrop-filter: var(--bgBlur);
	-webkit-backdrop-filter: var(--bgBlur);
	color: var(--colorDrkGrey);
	position: var(--posFixed);
	margin: var(--infoMargin);
	display: var(--displayBlock);
	top: calc(var(--calcHeaderHeight) + 0.5rem);
	width: var(--infoWidth);
	text-shadow: var(--infoTextShadow);
	box-sizing: var(--boxSizeingNorm);
	-webkit-box-sizing: var(--boxSizeingNorm);
	max-width: var(--infoMaxWidth);
	border: var(--borderDark);
	border-width: 2px;
	max-height: var(--infoMaxHeight);
	overflow-y: var(--overflowHidden);
	overflow-x: var(--overflowHidden); 
	box-shadow: var(--boxShadow);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	z-index: 202;
}

:is(#impressum, #datenschutz, #haftung, #Screen) .Info:is(:hover,:active,:focus) {
	top: calc(var(--calcHeaderHeight) + 0.5rem);
	width: var(--infoWidth);
	border: solid 2px var(--blueTransparent);
}

:is(#impressum, #datenschutz, #haftung, #Screen):target .Info {
	border: solid 2px var(--blueTransparent);
}


:is(#impressum, #datenschutz, #haftung, #Screen) .Info:is(:hover,:active,:focus) a {
}

:is(#impressum, #datenschutz, #haftung, #Screen) > .Info > .InfoText{
	margin: var(--noMarginPadding);
	margin: -0.9em;
	padding: var(--infoPadding);
	overflow-y: var(--overflowAuto);
	overflow-x: var(--overflowHidden); 
	width: var(--infoTextWidth);
	max-height: var(--infoMaxHeight);
	user-select: var(--userSelectYes);
	-webkit-user-select: var(--userSelectYes);
	-moz-user-select: var(--userSelectYes);
	z-index: 202;
}

:is(#impressum, #datenschutz, #haftung, #Screen) a{ 
	text-decoration-style: dotted !important;
	text-decoration-line: underline;
	text-decoration-color: var(--colorBlueDrk);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);

}

:is(#impressum, #datenschutz, #haftung, #Screen) a:is(:hover,:active,:focus){ 
	text-decoration-style: solid !important;
	text-decoration-line: underline;
	text-decoration-color: unset;
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);

}

:is(#impressum, #datenschutz, #haftung, #Screen) img{
	display: var(--displayInlineBlock);
	height: calc(var(--infoImageHeight) * 0.9) !important;
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	line-height: 1;
	vertical-align: baseline;
	
}

:is(#impressum, #datenschutz, #haftung, #Screen) a img{
	display: var(--displayInlineBlock);
	height: calc(var(--infoImageHeight) * 0.9) !important;
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	line-height: 1;
	vertical-align: baseline;
	
}

:is(#impressum, #datenschutz, #haftung, #Screen) a::before{
	display: var(--displayInlineBlock);
	height: calc(var(--infoImageHeight) * 0.9) !important;
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	line-height: 1;
	vertical-align: baseline;
	box-sizing: var(--boxSizeingBorder);
	-webkit-box-sizing: var(--boxSizeingBorder);
	background-origin: border-box !important;
	background-attachment: fixed !important;
	background-repeat: no-repeat;
	background-clip: border-box !important;
	border: 0px;
	overflow: var(--overflowHidden);
	padding: 0px;
	margin: 0px;
}

:is(#impressum, #datenschutz, #haftung, #Screen) .buttonModal {
	background-color: var(--midGray);
	font-family: var(--infoFont);
	display: var(--displayInlineBlock);
	color: var(--blackColor) !important;
	float: var(--buttonFloat);
	font-size: var(--infoFontButtonHeight);
	font-wight: 900;
	margin: var(--noMarginPadding) !important;
	position: var(--posAbsolute);
	top: var(--buttonTop) !important;
	right:var(--buttonRight)!important;
	width: var(--buttonHeight) !important;
	height: var(--buttonHeight) !important;
	box-sizing: var(--boxSizeingNorm);
	-webkit-box-sizing: var(--boxSizeingNorm);
	padding: var(--buttonPadding);
	border-top-right-radius: var(--borderRadius);
	cursor: var(--buttonCursor);
	z-index: 205;
}


:is(#impressum, #datenschutz, #haftung, #Screen) .infoHeader{
	background-color: var(--midGray);
	font-family: var(--infoFont);
	display: var(--displayInlineBlock);
	color: var(--blackColor) !important;
	float: var(--buttonFloat);
	font-size: var(--infoFontButtonHeight);
	font-wight: 900;
	margin: var(--noMarginPadding) !important;
	position: var(--posAbsolute);
	top: var(--buttonTop) !important;
	left: var(--buttonRight)!important;
	width: calc(100% - var(--buttonHeight)) !important;
	height: var(--buttonHeight) !important;
	box-sizing: var(--boxSizeingNorm);
	-webkit-box-sizing: var(--boxSizeingNorm);
	padding: var(--buttonPadding);
	border-top-left-radius: var(--borderRadius);
	z-index: 204;
}


:is(#impressum, #datenschutz, #haftung, #Screen) .buttonModal:is(:hover,:active,:focus), :is(#impressum, #datenschutz, #haftung, #Screen) .info .buttonModal:is(:hover,:active,:focus) {
	background-color: var(--buttonColorSelect);
	font-family: var(--infoFont);
	display: var(--displayInlineBlock);
	color: var(--lightColor) !important;
	text-decoration: var(--textDecoNo) !important;
}

:is(#impressum, #datenschutz, #haftung, #Screen):is(:hover,:active,:focus,:target) .infoHeader, :is(#impressum, #datenschutz, #haftung, #Screen) .info:is(:hover,:active,:focus,:target) .infoHeader{
	background-color: var(--blueTransparent);
	font-family: var(--infoFont);
	display: var(--displayInlineBlock);
	color: var(--lightColor) !important;
	text-decoration: var(--textDecoNo) !important;
}

#impressum:target {
	display: var(--displayBlock);
}

#datenschutz:target {
	display: var(--displayBlock);
}

#haftung:target {
	display: var(--displayBlock);
}

header {
	--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcMinHeaderFactor));
	background-image: var(--headerBGImage);
	background-color: var(--colorDrkGrey);
	background-repeat: var(--repeateBg);
	backdrop-filter: var(--bgBlur);
	-webkit-backdrop-filter: var(--bgBlur);
	background-position-x: var(--headerBGPosX);
	background-position-y: var(--headerBGPosY);
	background-size: var(--headerBGSize);
	box-shadow: var(--menuShadow);
	color: var(--colorLgtGrey);
	width: var(--maxWidth);
	position: var(--posFixed);
	height: var(--calcHeaderHeight);
	text-align: var(--headerAlign);
	top: var(--headerTop);
	margin: var(--noMarginPadding) var(--centerMargin);
	display: var(--displayBlock);
	overflow: var(--overflowHidden);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	z-index: 150;
}

header :is(.containerHeader, .containerHeader:hover, .containerHeader:active, .containerHeader:focus, .containerHeader:target) {
	text-decoration: var(--textDecoNo);
	opacity: var(--opacityFull) !important;
	cursor: unset !important;
}

.headerText {
	text-align: var(--headerAlign);	
}


.headerText h3{
	position: var(--posRelative);
	top: var(--headerTopH3) !important;
	line-height: var(--headerLineHeight);
}

#topMenu {
	position: var(--posFixed);
	display: var(--displayBlock);
	top: calc(2.5rem + var(--menuTopTop)) !important;
	padding: 0.5em 0.5em 0.25em 0.5em;
	margin: var(--noMarginPadding) !important;
	width: var(--menuTopWidth);
	left: 0rem;
	text-shadow: none;
	cursor: pointer;
	max-height: 2.8em;
	overflow-x: var(--overflowCut);
	overflow-y: var(--overflowCut);
	-moz-overflow-x: var(--overflowCut);
	-ms-overflow-x: var(--overflowCut);
	user-select: var(--userSelect); 
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	border-radius: var(--borderRadius);
	transition: var(--transitionFast);
	-webkit-transition: var(--transitionFast);
	user-drag: none;
	-webkit-user-drag: none;
	z-index: 151;
}

navi:is(:active,:focus,:focus-within,:focus-visible,:target,:visited), #topMenu:is(:active,:focus,:focus-within,:focus-visible,:target,:visited) {
	background-color: var(--colorDrkGrey);
	box-shadow: var(--menuShadow);
	backdrop-filter: var(--bgBlur);
	-webkit-backdrop-filter: var(--bgBlur);
	max-height: unset;
	-webkit-user-drag: none;
}

#topMenu a, #topMenu a:is(:active,:focus,:focus-within,:focus-visible,:target,:visited) {
	text-decoration: var(--textDecoNo) !important;
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	-webkit-user-drag: none;
}

nav :is(a:target, a:hover, a:active, a:focus, a:focus-within, a:focus-visible, a:visited)  {
	text-decoration: var(--textDecoNo);
	color: var(--colorLgtGrey);
	text-shadow: var(--fontShadow);
	-webkit-user-drag: none;
}

nav#topMenu > ul {
	margin: var(--noMarginPadding);
	margin-bottom: 0.25em;
	visibility: collapse;
	height: 1.2em;
	display:var(--displayBlock);
	list-style-type: none;
	padding: 0.25em var(--noMarginPadding);
	border-radius: var(--borderRadius);
	-webkit-overflow-x: var(--overflowCut);
	-moz-overflow-x: var(--overflowCut);
	-ms-overflow-x: var(--overflowCut);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	z-index: 150;

}

nav#topMenu:is(:active,:focus,:focus-within,:focus-visible,:target) > ul {
	margin: var(--noMarginPadding);
	visibility: var(--show);
	height: auto;
	background-color: var(--blueTransparent);
	box-shadow: var(--boxShadow);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);

}

nav#topMenu li {
	display:var(--displayBlock);
	position: var(--posRelative);
	margin: var(--noMarginPadding);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
}

nav#topMenu li:is(:hover,:active,:focus,:focus-within,:focus-visible,:target){
	text-shadow: var(--fontShadow);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect); 
}

nav#topMenu > ul > li {
	padding-left: 1em;
	padding-right: 1em;
}

nav#topMenu > ul > li:is(:hover,:active,:focus,:focus-within,:focus-visible,:target){
	background-color: rgba(0,0,0,.5);
	border-radius: 0px !important;
}


nav#topMenu > ul > li > ul {
	visibility: collapse;
	list-style-type: none;
	height: 0em;
	vertical-align: top;
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
}

nav#topMenu > ul > li > ul:is(:active,:focus,:focus-within,:focus-visible,:target) {
	display: var(--displayInlineBlock);
	visibility: var(--show);
}

nav#topMenu > ul > li:is(:active,:focus,:focus-within,:focus-visible,:target) > ul{
	visibility: var(--show) !important;
	height:auto;
	display:var(--displayInlineBlock);
	margin: var(--centerMargin) var(--noMarginPadding);
	position: var(--posRelative);
	color: var(--lightColor);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	z-index: 150;
}

nav#topMenu > ul > li > ul > li {
	margin-left: -3em;
}

.iconMenu {
	box-shadow: var(--boxShadow);
	background-color: var(--colorDrkGreyTrans);
	margin: var(--noMarginPadding);
	padding: 0.25rem;
	border-radius: var(--borderRadius);
	float: left;
	position: var(--posRelative);
	top: -.25rem;
	z-index: 152;
}

.containerIcon {
	display: var(--displayBlock);
	height: 7em;
	width: 3em;
	vertical-align: middle;
	position: var(--posFixed);
	left: 0rem;
	top: 1rem;
	opacity: var(--noTransparent);
	z-index: 152;
}

.iconText {
	position: var(--posRelative);
	top: 0.15em;
	padding-left: 0.25em;
	display: var(--displayInlineBlock);
	text-shadow: var(--fontShadow);
	z-index: 150;
}

.iconMenu div {
	width: 1em;
	height: 0.14em;
	background-color: var(--colorLgtGrey);
	margin: 0.20em 0.5em;
	box-shadow: var(--boxShadow);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	z-index: 150;
}

#topM:is(:active,:focus,:focus-within,:focus-visible,:target) {
	display: var(--displayInlineBlock);
	visibility: var(--show);
}

#topMenu:has(> ul:is(:active,:focus,:focus-within,:focus-visible,:target)) {
	background-color: var(--colorDrkGrey);
	box-shadow: var(--menuShadow);
	backdrop-filter: var(--bgBlur);
	-webkit-backdrop-filter: var(--bgBlur);
	max-height: unset;
}

#topMenu:has(> ul:is(:active,:focus,:focus-within,:focus-visible,:target)) > ul {
	background-color: var(--blueTransparent);
	height: max-content;
}

nav#topMenu > ul > li:is(:active,:focus,:focus-within,:focus-visible,:target) > ul {
	padding-top: 1em;
}

nav#topMenu > ul > li:is(:active,:focus,:focus-within,:focus-visible,:target) {
	display: var(--displayInlineBlock);
	visibility: var(--show);
}


a {
	text-decoration: var(--textDecoNo);
	color: var(--parentValue);
	opacity: var(--halfTransparent);
	cursor: pointer !important;
	pointer-events: auto !important;
	user-select: var(--userSelect) !important;
	-webkit-user-select: var(--userSelect) !important;
	-moz-user-select: var(--userSelect) !important;

}

a:hover {
	text-decoration: var(--textDecoration);
	pointer-events: auto !important;
	cursor: pointer !important;
	opacity: unset;
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);

}

:is(.headerText, .Overlay, footer) :not(img, video, image, audio, map, iframe, svg, ico, figure, .Slide, .channelLogo, .dotContainer, .dotContainer *) {
	-webkit-font-smoothing: antialiased;
}

:is(img, video, image, audio, map, svg, ico, figure, .channelLogo, .scrollPic:not(a)) :not(a){
	pointer-events: none;
}

.SlideshowContent, .SlideshowContent * {
	pointer-events: all !important;
}

[alt="youtube"]::before{
	/*content: url("https://yt3.ggpht.com/ytc/AMLnZu8gt0gmb7iw-5GPa23pGC7EZC-K2imjuZW9UEfVKw=s176-c-k-c0x00ffffff-no-rj");	*/
}

[alt="imgTor"]::before{
	content: var(--imageTor);	
}

[alt="imgCSB"]::before{
	content: var(--imageCSB);	
}

[alt="imgFacebook"]::before{
	content: var(--imageFacebook);	
}

[alt="imgInstagram"]::before{
	content: var(--imageInstagram);	
}

[alt="imgTikTok"]::before{
	content: var(--imageTikTok);	
}

[alt="imgGit"]::before{
	content: var(--imageGit);	
}

[alt="imgPinterest"]::before{
	content: var(--imagePinterest);	
}

[alt="imgTikTok"]::before{
	content: var(--imageTikTok); 
}

[alt="imgSnapchat"]::before{
	content: var(--imageSnapchat); 
}

[alt="imgRumble"]::before{
	content: var(--imageRumble); 
}

[alt="imgTelegram"]::before{
	content: var(--imageTelegram);
}

[alt="imgDLive"]::before{
	content: var(--imageDLive);
}

[alt="imgOdysee"]::before{
	content: var(--imageOdysee); 
}

[alt="imgTwitch"]::before{
	content: var(--imageTwitch); 
}

[alt="imgVimeo"]::before{
	content: var(--imageVimeo); 
}

[alt="imgFlickr"]::before{
	content: var(--imageFlickr);
}

[alt="imgInvidious"]::before{ 
	content: var(--imageInvidious); 
}


[alt="tumblr"]::before{
	content: var(--imageTumblr);	
}

[alt="facebook"]::before{
	content: var(--imageFacebook);
}

[alt="pinterest"]::before{
	content: var(--imagePinterest);	
}

[alt="instagram"]::before{
	content: var(--imageInstagram);	
}

[alt="tor"]::before{
	content: var(--imageTor);	
}

[alt="git"]::before{
	content: url("");	
}

[alt="TikTok"]::before{
	content: var(--imageTikTok); 
}

[alt="Snapchat"]::before{
	content: var(--imageSnapchat); 
}

[alt="Rumble"]::before{
	content: var(--imageRumble); 
}

[alt="Telegram"]::before{
	content: var(--imageTelegram);
}

[alt="DLive"]::before{
	content: var(--imageDLive);
}

[alt="Odysee"]::before{
	content: var(--imageOdysee); 
}

[alt="Twitch"]::before{
	content: var(--imageTwitch); 
}

[alt="Vimeo"]::before{
	content: var(--imageVimeo); 
}

[alt="Flickr"]::before{
	content: var(--imageFlickr);
}

[alt="Invidious"]::before{ 
	content: var(--imageInvidious); 
}

[alt="play"]::before{
	content: url("");	
}

[alt="play"]{
	background-image: var(--imagePlay);	
}

[alt="bibleserver"]{
	background-image: var(--imageBibleServer);
	content: var(--imageBibleServer);	
}

/*
[alt="war"] {
	background-image: var(--imageWar);	
}
*/

[alt="war"]:not(:first-child) {
	background-image: var(--imageWar_o);
}

[alt="warcollage"] , [alt="war"]:first-child {
	background-image: var(--imageWar);
}

[alt="sky"]{
	background-image: var(--imageSky);	
}

[alt="virus"]{
	background-image: var(--imageVirus);	
}

[alt="coins"]{
	background-image: var(--imageCoins);	
}

[alt="cmovie"]{
	background-image: var(--imageCMovie);	
}

[alt="pause"]::before{
	content: url("");	
}

[alt="cmovie_logo"]::before{
	content: var(--imageCMovieLogo);	
}

[alt="ytTitle1"]::before{
	content: var(--videoYTTitle1);
}

[alt="ytTitle2"]::before{
	content: var(--videoYTTitle2);
}

[alt="ytTitle3"]::before{
	content: var(--videoYTTitle3);
}

[alt="ytTitle4"]::before{
	content: var(--videoYTTitle4);
}

[alt="ytTitle5"]::before{
	content: var(--videoYTTitle5);
}

[alt="ytTitle6"]::before{
	content: var(--videoYTTitle6);
}

[alt="ytTitle7"]::before{
	content: var(--videoYTTitle7);
}

[alt="ytTitle8"]::before{
	content: var(--videoYTTitle8);
}

[alt="ytTitle9"]::before{
	content: var(--videoYTTitle9);
}

[alt="ytTitle10"]::before{
	content: var(--videoYTTitle10);
}

[data-script="yes"] {
	color: transparent !important;
}

[data-videoplay="yes"] {
	display: var(--displayNone) !important;
}

[data-videoplay="none"] {
	display: var(--displayBlock) !important;
}

.naviBG {
	position: var(--posFixed);
	right: 1em;
	color: var(--lightColor);
	text-shadow: var(--fontShadow);
	display: var(--displayBlock);
	vertical-align: middle;
	text-align: center;
	align-items: center;
	line-height: 10pt;
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	padding: 0.25rem;
	margin: var(--noMarginPadding);
	border-radius: 50%;
	background-color: var(--colorBlueMid);
	box-shadow: var(--menuShadow), 0.15rem 0.15rem 1em rgba(0,0,0,0.9);
	text-decoration-thickness: 0.2em !important;
	z-index: 155;
}

#NaviDown {
	--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcMinHeaderFactor));
	--naviTop: calc(var(--calcHeaderHeight) - 0.25rem);
	top: var(--naviTop);
}

#NaviUp {
	bottom: 2.35rem;
}

.naviBG:is(:hover,:active,:focus) {
	background-color: var(--colorDrkGreyTrans) !important;
	
}

#NaviUp:is(:hover,:active,:focus) {
	text-decoration: overline;
	text-decoration-thickness: 0.2em !important;
}

#containerNaviBG {
	/*border: solid 2px red;*/
	position: var(--posAbsolute);
	width: 0px;
	right: 0px;
	top: 0px;
}

/*---------------------------------------------------------------------*/


.bgOverlay:nth-child(1):is(:active,:hover,:focus) ~ #containerNaviBG #NaviUp, .bgOverlay:nth-child(2):is(:active,:hover,:focus) ~ #containerNaviBG #NaviUp, .bgOverlay:nth-child(3):is(:active,:hover,:focus) ~ #containerNaviBG #NaviUp, .bgOverlay:nth-child(4):is(:active,:hover,:focus) ~ #containerNaviBG #NaviDown {
	visibility: hidden;
}

#containerNaviBG:has(#NaviUp:hover) #NaviDown, #containerNaviBG:has(#NaviDown:hover) #NaviUp {
	visibility: hidden !important;
}


/*---------------------------------------------------------------------*/


.naviBG div {
	width: 10pt;
	height: 10pt;
	margin: auto;
	align-items: middle;
	font-size: 10pt !important;
}

#NaviUp div{
	
}

#Main {
	background: unset;
	height: var(--screenHeight) !important;
	width: var(--screenWide) !important;
	background-attachment: var(--bgPosFixed);
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: var(--boxSizeingBorder);
	-webkit-box-sizing: var(--boxSizeingBorder);
	overflow-x: var(--overflowHidden);
	-webkit-overflow-x: var(--overflowHidden);
	-moz-overflow-x: var(--overflowHidden);
	-ms-overflow-x: var(--overflowHidden);
	-webkit-overflow-x-scrolling: var(--overflowNone);
	overflow-y: var(--overflowAuto);
	text-size-adjust: var(--adjust);
	-webkit-text-size-adjust: var(--adjust);
	-moz-text-size-adjust: var(--adjust);
	-ms-text-size-adjust: var(--adjust);
	left: 0em !important;
	top: 0em !important;
	position: var(--posAbsolute);
	/*scroll-snap-type: y mandatory;
	scroll-behavior: smooth;
	scroll-padding: 5.5em;
	scroll-snap-stop: always;*/
	display: var(--displayFlex);
	align-items: center;
	vertical-align: middle;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-flow: column nowrap;
	height: var(--screenHeight);
}


main#start {
	overflow-x: var(--overflowHidden);
}

.Content {
	background-color: #333333;
	height: var(--maxHeight);
	max-height: 356.25vh;
	width: 90vw;
	margin: var(--centerMargin);
	font-family: var(--infoFont);
	background: var(--bgTransparent);
	color: var(--colorLgtGrey) !important;
	text-align: center;
	user-select: var(--userSelectYes);
	-webkit-user-select: var(--userSelectYes);
	-moz-user-select: var(--userSelectYes);
	-moz-hyphens: var(--hyphens);
	-o-hyphens: var(--hyphens);
	-ms-hyphens: var(--hyphens);
	hyphens: var(--hyphens);
	z-index: 15;
}



.container {
	display: var(--displayFlex);
	overflow: var(--overflowAuto);
	flex: none;
	width: var(--screenWide);
	height: calc(var(--screenHeight) - 5em);
	margin: var(--noMarginPadding);
	padding: var(--noMarginPadding);
}

.container.x {
	flex-flow: row nowrap;
	height: var(--maxHeight);
	overflow-x: var(--overflowAuto);
	overflow-y: var(--overflowClip);
}

.container.y {
	flex-flow: column nowrap;
	height: var(--maxHeight);
	overflow-x: var(--overflowClip);
	overflow-y: var(-overflowAuto);
}

.x.mandatory-snap {
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	width: var(--maxWidth);
	height: var(--maxHeight);
	position: var(--posRelative);
}

.y.mandatory-snap {
	scroll-snap-type: y mandatory;
	scroll-behavior: smooth;
	scroll-padding: 0.52em;
}

.x.proximity-snap {
	scroll-snap-type: x proximity;
	scroll-behavior: smooth;
	width: var(--maxWidth);
	height: var(--maxHeight);
}

.y.proximity-snap {
	scroll-snap-type: y proximity;
	scroll-behavior: smooth;
	scroll-padding:  0.5em;
}

.x.container > div {

}

.y.container > div {
	width: var(--maxWidth);
	align-items: center;
	height: var(--screenHeight);
}

.x.mandatory-snap div {

}

.y.container > div:first-child {

}

.container > div:not(.PlayerOverlay, .Preview, .channelLogo, .Title, .dotContainer, .dotBackground, .dot) {
	text-align: center;
	scroll-snap-align: center;
	flex: none;
	width: var(--maxWidth);
	height: var(--maxHeight);
	align-items: center;
}

.containerOverlay {
	z-index: 11 !important;
}

.containerOverlay:nth-child(2) {
	position: var(--posAbsolute);
	top: 0px;
	height: var(--calcBGHeight);
	overflow-y: var(--overflowScroll);
	z-index: 11;
}

.scrollPic:nth-child(3) .containerOverlay {
	z-index: 11;
	max-height: var(--screenHeight);
	display: var(--displayInlineBlock);
}

.containerBibleText {
	width: var(--containerBibleTextWidth);
}

.containerBibleText img{
	position: var(--posRelative) !important;
	display: var(--bibleTextImageDisplay);
	box-shadow: var(--bibleImageShadow) !important;
	height: 1em;
	top: 0.25em;
	border-radius: 0 0.25em 0 0.25em;
}

h1.bibleText {
	color: #ffffff;
}

.containerBibleText:nth-child(1){
	display: var(--bibleTextDisplay);
	position: var(--posAbsolute);
	-webkit-animation-name: aniBibleTxt1;
	-webkit-animation-duration: 15s;
	-webkit-animation-iteration-count: infinite;
	animation-name: aniBibleTxt1;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	visibility: var(--show);
}	

.containerBibleText:nth-child(2) {
	display: var(--bibleTextDisplay);
	-webkit-animation-name: aniBibleTxt2;
	-webkit-animation-duration: 15s;
	-webkit-animation-iteration-count: infinite;
	animation-name: aniBibleTxt2;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	visibility: var(--unshow);
}


@keyframes aniBibleTxt1 {
 	0% {
		opacity: var(--tansparent);
		display: var(--bibleTextDisplay);
		visibility: var(--show);
  	}
	5% {
		opacity: var(--noTransparent);
		display: var(--bibleTextDisplay);
		visibility: var(--show);
	}
	45% {
		opacity: var(--noTransparent);
		display: var(--bibleTextDisplay);
		visibility: var(--unshow);
	}
	50% {
		opacity: var(--transparent);
		display: var(--bibleTextHidden);
		visibility: var(--unshow);

	}
	95% {
		opacity: var(--transparent);
		display: var(--bibleTextHidden);
		visibility: var(--unshow);
	}
	100% {
		opacity: var(--transparent);
		display: var(--bibleTextDisplay);
		visibility: var(--show);
	}

}

@keyframes aniBibleTxt2 {
	0% {
		opacity: var(--transparent);
		display: var(--bibleTextHidden);
		visibility: var(--unshow);
	}
	5% {
		opacity: var(--transparent);
		display: var(--bibleTextHidden);
		visibility: var(--unshow);
	}
	47% {
		opacity: var(--transparent);
		display: var(--bibleTextDisplay);
		visibility: var(--unshow);
	}
	52% {
		opacity: var(--noTransparent);
		display: var(--bibleTextDisplay);
		visibility: var(--show);
	}
	95% {
		opacity: var(--noTransparent);
		display: var(--bibleTextDisplay);
		visibility: var(--show);
	}
	100% {
		opacity: var(--tansparent);
		display: var(--bibleTextHidden);
		visibility: var(--unshow);
	}
}


.containerSlider {
	--setCalcFactor: var(--setCalcMinFactor, --setCalcFactor, 0.75);
	--calcContentWidth: calc(var(--calcContentMaxWidth) * var(--setCalcFactor));
	--calcContentHeight: calc(var(--calcContentMaxHeight) * var(--setCalcFactor));
	--calcSlideHeight: calc(var(--calcSlideMaxHeight) * var(--setCalcFactor));
	--calcSlideWidth: calc(var(--calcSlideMaxWidth) * var(--setCalcFactor));
	--calcLogoWidth: calc(var(--logoWidth) * var(--setCalcFactor));
	--calcLogoHeight: calc(var(--logoHeight) * var(--setCalcFactor));
	/*--calcTitleWidth: calc(var(--titleWidth) * var(--setCalcFactor)); */
	--calcTitleWidth: var(--calcSlideWidth);
	--calcTitleHeight: calc(var(--titleHeight) * var(--setCalcFactor));
	--calcBG_Height: calc(var(--calcBGMaxHeight) * var(--setCalcFactor));
	--calcBG_Width: calc(var(--calcBGMaxWidth) * var(--setCalcFactor));
	width: var(--calcSlideWidth);
	height: var(--calcSlideHeight);
	top: var(--slideTop);
	left: 0;
	margin: var(--centerMargin);
	position: var(--posRelative);
	border: var(--borderLght);
	background-color: rgba(0,0,0,0.75);
	box-shadow: var(--boxShadow);
	overflow: var(--unshow);
	background-size: contain;
	background-repeat: var(--repeateBg);
	background-origin: border-box;
	margin: var(--noMarginPadding);
	padding: var(--noMarginPadding);
	min-height: calc((var(--screenWide) / 16) * 6 * var(--setCalcFactor));
	max-height: calc((var(--screenWide) / 16) * 9 * var(--setCalcFactor));
	max-height: calc(var(--screenHeight) * var(--setCalcFactor));
	overflow-x: var(--overflowClip) !important;
	overflow-y: var(--overflowClip) !important;
	-webkit-aspect-ratio: var(--aspectRatio);
	aspect-ratio: var(--aspectRatio);
	text-align: center;
	display: var(--displayBlock) !important;
	position: var(--posRelative) !important;
	-webkit-overflow-scrolling: var(--overflowScrollTouch);
	-webkit-overflow-x: var(--overflowCut);
	-webkit-overflow-y: var(--overflowCut);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
}

.containerSlider:is(:hover,:active,:focus) {
	--setCalcFactor: var(--setCalcMaxFactor, 1);
	--calcContentWidth: calc(var(--calcContentMaxWidth) * var(--setCalcFactor));
	--calcContentHeight: calc(var(--calcContentMaxHeight) * var(--setCalcFactor));
	--calcSlideHeight: calc(var(--calcSlideMaxHeight) * var(--setCalcFactor));
	--calcSlideWidth: calc(var(--calcSlideMaxWidth) * var(--setCalcFactor));
	--calcLogoWidth: calc(var(--logoWidth) * var(--setCalcFactor));
	--calcLogoHeight: calc(var(--logoHeight) * var(--setCalcFactor));
	/*--calcTitleWidth: calc(var(--titleWidth) * var(--setCalcFactor));*/
	--calcTitleWidth: var(--calcSlideWidth);
	--calcTitleHeight: calc(var(--titleHeight) * var(--setCalcFactor));
	--calcBG_Height: calc(var(--calcBGMaxHeight) * var(--setCalcFactor));
	--calcBG_Width: calc(var(--calcBGMaxWidth) * var(--setCalcFactor));
	width: var(--calcSlideWidth) !important;
	min-height: calc((var(--screenWide) / 16) * 6);
	max-height: calc((var(--screenWide) / 16) * 9);
	max-height: calc(var(--screenHeight) * var(--setCalcFactor));
	top: 0;
	left: 0;
	z-index: 200 !important;
}

.Slideshow {
	aspect-ratio: var(--aspectRatio) !important;
	-webkit-aspect-ratio: var(--aspectRatio) !important;
	touch-action: var(--touchActionX), var(--touchActionY);
	width: calc(var(--calcSlideWidth) * 10);
	height: var(--calcSlideHeight);
	max-height: var(--screenHeight) !important;
	position: var(--posAbsolute);
	transform: translateX(0%);
	overflow-y: var(--overflowHidden);
	left: var(--topLeft);
	top: var(--topLeft);
	margin: var(--noMarginPadding);
	padding: var(--noMarginPadding);
	-webkit-animation-name: aniSlideshow;
	-webkit-animation-duration: 132s;
	-webkit-animation-iteration-count: infinite;
	animation-name: aniSlideshow;
	animation-duration: 132s;
	animation-iteration-count: infinite;
	display: var(--displayInlineFlex);
}

containerSlider .x.mandatory-snap {
}

nav#topMenu:is(:hover,:active,:focus) ~ #Main :is(.containerSlider .Slideshow) {
	-webkit-animation-play-state: paused;
	-webkit-animation-name: none;
	-webkit-animation-duration: none;
	-webkit-animation-iteration-count: none;
	animation-play-state: paused;
	animation-name: none;
	animation-duration: none;
	animation-iteration-count: none;
	/*width: var(--maxWidth) !important; */
	transform: translateX(0%);
}


.containerSlider:is(:hover,:active,:focus) .Slideshow {
	-webkit-animation-play-state: paused;
	-webkit-animation-name: none;
	-webkit-animation-duration: unset;
	-webkit-animation-iteration-count: unset;
	animation-play-state: paused;
	animation-name: none;
	animation-duration: unset;
	animation-iteration-count: unset;
	/*width: var(--maxWidth) !important; */
	transform: translateX(0%);
}

.containerSlider > .Slideshow > .SlideshowContent {
	overflow: var(--overflowHidden);
	width: var(--calcSlideWidth) !important;
	height: var(--calcSlideHeight) !important;
	max-height: var(--screenHeight) !important;
	display: var(--displayBlock) !important;
	aspect-ratio: var(--aspectRatio) !important;
	-webkit-aspect-ratio: var(--aspectRatio) !important;
	margin: var(--noMarginPadding);
	padding: var(--noMarginPadding);
	scroll-snap-align: start;
	float: left;
	position: var(--posStatic);
}

.containerSlider .Title {
	backdrop-filter: var(--bgBlur);
	-webkit-backdrop-filter: var(--bgBlur);
	/* top: calc(-100vh - 14px); */
	/*top: unset;*/
	/* bottom: calc( var(--showPreview) * var(--calcSlideHeight) + var(--calcLogoHeight))  !important; */
	height: var(--calcTitleHeight);
	width: var(--calcTitleWidth);
	bottom: 0px;
	transform: translateX(calc(-50% + 0px));
	position: var(--posAbsolute);
	font-size: calc(var(--titleFontSize) * var(--setCalcFactor));
	display: var(--displayInlineBlock) !important;
	float: left;
	z-index: 30;
}

.containerSlider .Title a {
	color: var(--parentValue) !important;
	position: var(--posAbsolute);
	padding: var(--noMarginPadding);
	left: 0px;
	padding-left: calc(var(--titleLeft) * var(--setCalcFactor));
	text-align: var(--titleAlign);
	line-height: 1em;
	width: var(--calcTitleWidth);
	display: var(--displayFlex);
	align-items: center;
	height:var(--calcTitleHeight);
	background-image: var(--blueGradientTitle);
}

.containerSlider .Title::before {
	display: var(--displayBlock);
	border: var(--borderLght);
	background-color: #444;
	height: 1em;
	color: #eee;
	content: '' + attr(data-err) + '';
}

.containerSlider:is(:hover,:active,:focus) .Title {
	/*top: calc(-100vh * 1.5);*/
	font-size: var(--titleFontSize) !important;
}

.containerSlider:is(:hover,:active,:focus) .Slideshow .Title a {
	padding-left: var(--titleLeft) !important;
}

.containerSlider a.Navi {
	border-radius: 50%;
	position: var(--posAbsolute);
	margin: var(--centerMargin);
	font-size: 2.6rem;
	padding: 1vw;
	display: var(--displayInlineBlock);
	opacity: 1;
	bottom: calc( var(--calcSlideHeight) * .5 - 40px) !important;
	/* left: calc( var(--calcSlideWidth) * .5 - 40px) !important; 
	transform: translateX(calc(-50% + 51px)); */
	transform: translateX(calc(-50%));
	text-decoration: none !important;
	box-shadow: var(--menuShadow);
	backdrop-filter: var(--bgBlur);
	-webkit-backdrop-filter: var(--bgBlur);
	background-color: var(--colorBlue);
	background-image: var(--imagePlay);
	background-size: 50%;
	width: 80px;
	height: 80px;
	aspect-ratio: var(--aspectRatioCircle) !important;
	-webkit-aspect-ratio: var(--aspectRatioCircle) !important;
	background-repeat: no-repeat;
	background-position: center;
	border: var(--borderLght);
	text-shadow: none;
	color: transparent;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: background, opacity;
	transition-timing-function: ease-in-out;
	transition-duration: 0.5s;
	transition-property: background, opacity;
	overflow: var(--overflowHidden);
	float: left;
	z-index: 30;
}

.containerSlider a.Navi:is(:hover,:active,:focus) {
	background-color: var(--colorBlueLgth);
	border: solid 3px var(--whiteColor);
}

.containerSlider:is(:hover,:active,:focus) a.Navi {
}

.containerSlider a.Navi[style*="display: none"] ~ .Title {
	top: calc(75vh - 100px) !important;
}

.containerSlider:is(:hover,:active,:focus) a.Navi[style*="display: none"] ~ .Title {
	top: calc(var(--screenHeight) - 91px - 1em) !important
}

.containerSlider:is(:hover,:active,:focus) .PlayerOverlay {
	left: var(--logoPosLeft);
	top: var(--logoPosTop);
	position: var(--posFixed);
	height: calc(var(--logoHeight) - 1em);
	width: var(--screenWide);
}

.containerSlider:is(:hover,:active,:focus) .channelLogo, :is(.Slideshow .SlideshowContent :is(#Pos1,#Pos2,#Pos3,#Pos4,#Pos5,#Pos6,#Pos7,#Pos8,#Pos9,#Pos10):target) ~ .channelLogo  {
	height: var(--calcLogoHeight);
	width: var(--calcLogoWidth);
	border: var(--borderLght);
}

section#mainSlideshow {
	overflow: var(--overflowHidden)  !important;
	/*width: var(--calcSlideContainerWidth) !important;
	height: var(--calcSlideContainerHeight) !important; */
	width: var(--calcSlideWidth) !important;
	height: var(--calcSlideHeight) !important;
	max-height: var(--screenHeight) !important;
	aspect-ratio: var(--aspectRatio) !important;
	-webkit-aspect-ratio: var(--aspectRatio) !important;
	margin: var(--noMarginPadding);
	padding: var(--noMarginPadding);
	display: var(--displayBlock) !important;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
}

.backgroundTitle:hover .PlayerOverlay{
	width: var(--screenWide) !important;
}

@keyframes aniSlideshow {
	0%, 5% { transform: translateX(0%) }
	5.5%, 10.5% { transform: translateX(-10%) }
	11%, 16% { transform: translateX(-20%) }
	16.5%, 21.5% { transform: translateX(-30%) }
	22%, 27% { transform: translateX(-40%) }
	27.5%, 32.5% { transform: translateX(-50%) }
	33%, 38% { transform: translateX(-60%) }
	38.5%, 43.5% { transform: translateX(-70%) }
	44%, 49% { transform: translateX(-80%) }
	49.5%, 54.5% { transform: translateX(-90%) }
	55%, 60% { transform: translateX(-80%) }
	60.5%, 65.5% { transform: translateX(-70%) }
	66%, 71% { transform: translateX(-60%) }
	71.5%, 76.5% { transform: translateX(-50%) }
	77%, 82% { transform: translateX(-40%) }
	82.5%, 87.5% { transform: translateX(-30%) }
	88%, 93% { transform: translateX(-20%) }
	93.5%, 98.5% { transform: translateX(-10%) }
}
 

@keyframes aniDot {
	0%, 5% { :nth-child(1) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	} }
	5.5%, 10.5% { :nth-child(2) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	11%, 16% { :nth-child(3) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	16.5%, 21.5% { :nth-child(4){
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	} }
	22%, 27% { :nth-child(5) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	27.5%, 32.5% { :nth-child(6) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	33%, 38% {:nth-child(7) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	38.5%, 43.5% { :nth-child(8) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	44%, 49% { :nth-child(9) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	49.5%, 54.5% { :nth-child(10) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	55%, 60% { :nth-child(9) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	60.5%, 65.5% { :nth-child(8) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	66%, 71% { :nth-child(7) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	71.5%, 76.5% { :nth-child(6) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	77%, 82% { :nth-child(5) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	82.5%, 87.5% { :nth-child(4) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	88%, 93% { :nth-child(3) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
	93.5%, 98.5% {:nth-child(2) {
		background-color: var(--colorBlueDrk);
		box-shadow: var(--menuShadow);
		border: solid 1px #fff;
	}  }
}


@keyframes aniButton{
0%, 33.3% {
	background-image: var(--blueGradientPlayButton);
	background-color: var(--blackColor);
	color: var(--buttonColorLight);
	border: solid 1px #ccc;
	color: #fff;
	}
33.4%, 66.6% {
	background-image: var(--blueGradientPauseButton);
	background-color: var(--blackColor);
	border: solid 3px #fff;
	color: #000;
	text-shadow: #cccccc 0.2em 0.2em 0.5em; 
	}
66.7%, 100% {
	background-image: var(--blueGradientPlayButton);
	background-color: var(--blackColor);
	color: var(--buttonColorLight);
	border: solid 1px #ccc;
	color: #fff;
	}
}

.Slide{
	opacity: var(--noTransparent);
	margin: var(--noMarginPadding);
	padding: var(--noMarginPadding);
	width: var(--calcSlideWidth) !important;
	height: var(--calcSlideHeight) !important;
	/*max-height:  var(--factorHDVideo) + 'vw' !important;*/
	-webkit-: var(--aspectRatio);
	aspect-ratio: var(--aspectRatio);
	display: var(--displayInlineBlock);
	-webkit-overflow-scrolling: var(--overflowAuto);
	-webkit-overflow-x: var(--overflowCut) !important;
	-webkit-overflow-y: var(--overflowCut) !important;
	overflow: var(--overflowHidden) !important;
	overflow-x: var(--overflowCut) !important;
	overflow-y: var(--overflowCut) !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	content-visibility: var(--unshow) !important;
	transform: translateX(-50%);
	top: var(--topLeft);
	float: left;
	position: var(--posAbsolute);

}

.SlideshowContent {
	display: var(--displayInlineBlock);
	width: var(--calcSlideWidth);
	height: var(--calcSlideHeight);
	float: left;
}

.containerSlider:is(:hover,:active,:focus) .Slide{
	content-visibility: visible !important; 
}

.SlideshowContent:nth-child(1) .Slide{
	background-image: var(--urlYTDirJpg1);
}

.SlideshowContent:nth-child(2) .Slide{
	background-image: var(--urlYTDirJpg2);
}

.SlideshowContent:nth-child(3) .Slide {
	background-image: var(--urlYTDirJpg3);
}

.SlideshowContent:nth-child(4) .Slide{
	background-image: var(--urlYTDirJpg4);
}

.SlideshowContent:nth-child(5)  .Slide{
	background-image: var(--urlYTDirJpg5);
}

.SlideshowContent:nth-child(6)  .Slide{
	background-image: var(--urlYTDirJpg6);
}

.SlideshowContent:nth-child(7)  .Slide{
	background-image: var(--urlYTDirJpg7);
}

.SlideshowContent:nth-child(8) .Slide {
	background-image: var(--urlYTDirJpg8);
}

.SlideshowContent:nth-child(9) .Slide{
	background-image: var(--urlYTDirJpg9);
}

.SlideshowContent:nth-child(10) .Slide{
	background-image: var(--urlYTDirJpg10);
}

div.Slide {
	/*position: var(--posRelative);
	bottom: var(--calcSlideHeight) !important;
	left: 0px !important;
	width: var(--calcSlideWidth);
	max-height:var(--calcSlideHeight);*/
	/*background-blend-mode: darken;
	background-color: yellow; */
	/*opacity: 0; */
	/*max-height: var(--calcSlideHeight);*/
}

.containerSlider:is(:hover,:active,:focus) div.Slide {
	top: calc(0 - var(--screenHeight) * var(--setCalcFactor) + 38vh) !important;
}

.containerSlider .Slide[style*="display: none"] ~ .Navi {
	--setCalcPlayTop: 0.5;
}

.dotContainer {
	position: var(--posAbsolute);
	top: unset !important;
	bottom: calc(var(--calcLogoHeight) + .5em) !important;
	left: 0px;
	margin: var(--noMarginPadding);
	padding: var(--noMarginPadding);
	width: var(--maxWidth);
	height: 1.5em !important;
	box-sizing: var(--boxSizeingNorm);
	-webkit-box-sizing: var(--boxSizeingNorm);
	text-align: center;
	display: var(--displayBlock) !important;
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	z-index: 19;
}


.containerSlider:is(:hover,:active,:focus) .dotContainer{
	width: var(--maxWidth);
}

.dot {
	height: calc(0.9vw * var(--setCalcFactor));
	width: calc(0.9vw * var(--setCalcFactor));
	margin: calc(0.15vw * var(--setCalcFactor));
	background-color: rgba(255,255,255,0.75);
	border-radius: 50%;
	box-sizing: var(--boxSizeingBorder);
	-webkit-box-sizing: var(--boxSizeingBorder);
	display: var(--displayInlineBlock);
	transition: background-color var(--transitionFast) ease;
	-webkit-transition: background-color var(--transitionFast) ease;
	position: var(--posRelative);
	vertical-align: middle;
	box-shadow: var(--boxShadow);
	overflow: var(--overflowHidden);
	user-select: var(--userSelect);
	/*-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	-webkit-animation-name: aniDot;
	-webkit-animation-duration: 132s;
	-webkit-animation-iteration-count: infinite;
	animation-name: aniDot;
	animation-duration: 132s;
	animation-iteration-count: infinite;*/
	z-index: 14;
}

.containerSlider:is(:hover,:active,:focus) .dot{

}

.dot:is(:hover,:active,:focus,:target) {
	background-color: var(--colorBlueDrk);
	box-shadow: var(--menuShadow);
	border: solid 1px #fff;

}

:is(#Pos1,#Pos2,#Pos3,#Pos4,#Pos5,#Pos6,#Pos7,#Pos8,#Pos9,#Pos10).dot:target {
	background-color: var(--colorBlueDrk);
	box-shadow: var(--menuShadow);
	border: solid 1px #fff;
}

.dot:hover::before {
	display: var(--displayInlineBlock);
	height: 1.25em !important;
	width: 15em;
	border-radius: 0.25em;
	border: solid 1px #000000;
	background-color: #eeeeaa;
	color: #222222;
	content: attr(alt);
	position: var(--posRelative);
	top: -2.5em;
	text-decoration: none !important;
	text-shadow: none !important;
	text-overflow: ellipsis !important;
	word-break: keep-all;
	box-sizing: var(--boxSizeingBorder);
	-webkit-box-sizing: var(--boxSizeingBorder);
}

.dotBackground {
	text-align: center;
	background-color: var(--colorDrkGreyTrans);
	backdrop-filter: var(--bgBlur);
	-webkit-backdrop-filter: var(--bgBlur);
	display: var(--displayInlineBlock);
	border-radius: 0.5em;
	width: auto;
	height: auto !important;
	padding: 0 calc(0.5em * 0.75);
	box-shadow: var(--menuShadow);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	position: var(--posRelative);
	box-sizing: var(--boxSizeingNorm);
	-webkit-box-sizing: var(--boxSizeingNorm);
}

.containerSlider:is(:hover,:active,:focus) .dotBackground {
	padding: 0.125em 0.25em;
	height: 24px !important;
}

.channelLogo {
	box-shadow: var(--logoShadow);
	height: var(--calcLogoHeight);
	width: var(--calcLogoWidth);
	top: unset !important;
	bottom: -0.7vmin;
	position: var(--posAbsolute);
	left: 0px;
	background-image: var(--logoPic);
	background-size: var(--logoSize);
	background-repeat: var(--logoRepeate);
	border: var(--borderLghtSmall);
	display: var(--displayBlock) !important;
	z-index: 31;
}



.Slideshow:has(#Pos1:target) {

	transform: translateX(0%);
    -webkit-animation-name: aniSlideshow !important;
	-webkit-animation-duration: 132s !important;
	-webkit-animation-iteration-count: infinite !important;
	-webkit-animation-delay: 20s;
	animation-name: aniSlideshow !important;
	animation-duration: 132s !important;
	animation-iteration-count: infinite !important;
	animation-play-state: unset !important;
	animation-delay: 20s;

}

.Slideshow:has(#Pos2:target) {

	transform: translateX(-10%);
	animation-play-state: paused;
	animation-name: none;
	animation-duration: unset;

}

.Slideshow:has(#Pos3:target) {

	transform: translateX(-20%);
	animation-play-state: paused;
	animation-name: none;
	animation-duration: unset;

}
.Slideshow:has(#Pos4:target) {

	transform: translateX(-30%);
	animation-play-state: paused;
	animation-name: none;
	animation-duration: unset;

}

.Slideshow:has(#Pos5:target) {

	transform: translateX(-40%);
	animation-play-state: paused;
	animation-name: none;
	animation-duration: unset;

}
.Slideshow:has(#Pos6:target) {

	transform: translateX(-50%);
	animation-play-state: paused;
	animation-name: none;
	animation-duration: unset;

}

.Slideshow:has(#Pos7:target) {

	transform: translateX(-60%);
	animation-play-state: paused;
	animation-name: none;
	animation-duration: unset;

}
.Slideshow:has(#Pos8:target) {

	transform: translateX(-70%);
	animation-play-state: paused;
	animation-name: none;
	animation-duration: unset;

}

.Slideshow:has(#Pos9:target) {

	transform: translateX(-80%);
	animation-play-state: paused;
	animation-name: none;
	animation-duration: unset;

}

.Slideshow:has(#Pos10:target) {

	transform: translateX(-90%);
	animation-play-state: paused;
	animation-name: none;
	animation-duration: unset;

}


.ContentText{
	font-family: var(--mainFont);
	text-align: justify !important;
	word-break: break-word;
	background: var(--bgTransparent);
	backdrop-filter: var(--bgBlur);
	-webkit-backdrop-filter: var(--bgBlur);
	color: var(--colorXLgtGrey) !important;
	height: auto;
        max-width: 1024px;
	padding: 6.5em 2.5em 2.5em 2.5em !important;
	user-select: var(--userSelectYes);
	-webkit-user-select: var(--userSelectYes);
	-moz-user-select: var(--userSelectYes);
	-o-user-select: var(--userSelectYes);
	-ms-user-select: var(--userSelectYes);
	-webkit-hyphens: var(--hyphens);
	-moz-hyphens: var(--hyphens);
	-o-hyphens: var(--hyphens);
	-ms-hyphens: var(--hyphens);
	hyphens: var(--hyphens);
	z-index: 16;
	
}

#explain2 .ContentText {
	backdrop-filter: unset !important;
	-webkit-backdrop-filter: unset !important;

}

cite::before, cite::after {
	font-size: 1.5em !important;
	display: var(--displayInlineBlock);
	position: var(--posRelative);
	width: 0.75em;
	left: 0 !important;
}

cite::before {
	top: 0em !important;
	content: '“';
}

cite::after {
	top: .3em !important;
	content: '”';
}

.Title cite {
	font-weight: bolder;
}

.Title cite::before {
	top: -0.05em !important;
}
 
.Title cite::after {
	top: 0.7em !important;
}

.bibleText cite::before {
	position: var(--posRelative);
	font-size: 2.5em;
	vertical-align: bottom;
	content: "“";
	top: 0.35em;
	left: -0.15em;
	font-family: var(--fontBook);
}

.bibleText cite::after {
	position: var(--posRelative);
	font-size: 2.5em;
	vertical-align: top;
	content: '”';
	top: 0em;
	left: 0em;
	font-family: var(--fontBook);
}

.ContentText cite::before {
	position: var(--posRelative);
	font-size: 2.5em !important;
	vertical-align: bottom;
	content: '“';
	top: 0.35em !important;
	left: 0.25em !important;
	font-family: var(--fontBook);
}

.ContentText cite::after {
	position: var(--posRelative);
	font-size: 2.5em !important;
	vertical-align: top;
	content: '”';
	top: 0em !important;
	left: -0.25em !important;
	font-family: var(--fontBook);
}

.ContentText a{
	opacity: 1 !important;
}

.ContentText cite a {
	text-decoration-style: dotted !important;
	text-decoration-line: underline;
	text-decoration-color: var(--colorBlueLgth);
}

.ContentText cite a:is(:hover, :active) {
	text-decoration-style: solid !important;
	text-decoration-line: underline;
	text-decoration-color: unset;
}


.Content , .containerSlider{
	display: var(--displayBlock);
	margin: var(--noMarginPadding);
	padding: var(--noMarginPadding);
	width: var(--screenWide);
	background-attachment: var(--bgPosFixed);
	background-size: cover;
	background-repeat: unset;
	min-height: var(--factorHDVideo)+'vw';
	z-index:10;
}

.contentOverlay {
	top: calc(var(--calcHeaderHeight) + 2em) !important;
	position: var(--posRelative);
	display: var(--displayBlock) !important;
	margin: var(--noMarginPadding);
	text-align: center;
}

.contentOverlay:has(:not(a .bibleText)){
	min-height:  var(--factorHDVideo) + 'vw';
}

main .containerOverlay .Overlay.Book {
	margin: var(--calcHeaderHeight) var(--centerMargin) var(--centerMargin) !important;
        max-width: 1024px;
	overflow-y: var(--overflowScroll) !important;
}


.Content .Book {
	width: 90% !important;
	font-family: var(--fontBook);
	color: var(--bookTextColor);
	text-shadow: none;
	display: var(--displayBlock) !important;
	position: var(--posRelative);
	top: 1.5em;
	text-align: justify;
	padding: var(--noMarginPadding);
	width: var(--maxWidth);
	background-color: #000000;
	box-shadow: var(--boxShadow);
	margin: var(--centerMargin);
	box-sizing: border-box!important;
	height: calc(var(--screenHeight) - var(--calcHeaderHeight) - 4em) !important;
	overflow-x: var(--overflowCut) !important;
	overflow-y: var(--overflowCut);
	user-select: var(--userSelectYes);
	-webkit-user-select: var(--userSelectYes);
	-moz-user-select: var(--userSelectYes);
	-webkit-hyphens: var(--hyphens);
	-moz-hyphens: var(--hyphens);
	-o-hyphens: var(--hyphens);
	-ms-hyphens: var(--hyphens);
	hyphens: var(--hyphens);
}

.Content .Book .BookContainerLeft{
	display: var(--displayBlock);
	width: 50%;
	height: var(--screenHeight);
	top:0;
	left:0;
	box-sizing: var(--boxSizeingNorm) !important;
	position: var(--posRelative);
	float: left;
	overflow-y:var(--overflowCut);
	overflow-x:var(--overflowCut);
	user-select: var(--userSelectYes);
	-webkit-user-select: var(--userSelectYes);
	-moz-user-select: var(--userSelectYes);
}

.Content .Book .BookContainerRight{
	display: var(--displayBlock);
	width: 50%;
	height: var(--screenHeight);
	left:0;
	box-sizing: var(--boxSizeingNorm) !important;
	position: var(--posRelative);
	float: left;
	overflow-y:var(--overflowCut);
	overflow-x:var(--overflowCut);
	user-select: var(--userSelectYes);
	-webkit-user-select: var(--userSelectYes);
	-moz-user-select: var(--userSelectYes);

}


.Content .Book .BookContent{
	width: var(--maxWidth);
	height: var(--screenHeight) !important;
	color: var(--bookTextColor);
	text-shadow: none;
	display: var(--displayBlock);
	box-sizing: var(--boxSizeingNorm) !important;
	position: var(--posRelative);
	top: 0;
	left: 0;
	text-align: justify;
	float: left;
	overflow-y:var(--overflowVisible);
	overflow-x:var(--overflowCut);
	user-select: var(--userSelectYes);
	-webkit-user-select: var(--userSelectYes);
	-moz-user-select: var(--userSelectYes);

}

.Content .Book .leftLast{
	width: var(--maxWidth);
	height: var(--screenHeight);
	height: -webkit-fill-available;
	background-color: var(--bookBGColor);
	background-image: var(--bookBGImage);
	display: var(--displayBlock);
	box-sizing: border-box !important;
	padding: 0.8em 2em 1.5em 1.15em;
	position: var(--posRelative);
	top: 0;
	left: 0;
	float:left;
	overflow-x: var(--overflowHidden);
	overflow-y: var(--pverflowScroll);
	user-select: var(--userSelectYes);
	-webkit-user-select: var(--userSelectYes);
	-moz-user-select: var(--userSelectYes);

}


.Content .Book .left{
	width: var(--maxWidth);
	height: var(--screenHeight);
	height: max-content;
	background-color: var(--bookBGColor);
	background-image: var(--bookBGImage);
	display: var(--displayBlock);
	box-sizing: border-box !important;
	padding: 0.8em 2em 1.5em 1.15em;
	position: var(--posAbsolute);
	top: 0;
	left:0;
	transform-origin: 100%;
	transform: rotateY(0deg);
	-webkit-transition: var(--transitionFast);
	transition: var(--transitionFast);
	overflow: var(--overflowHidden);
	user-select: var(--userSelectYes);
	-webkit-user-select: var(--userSelectYes);
	-moz-user-select: var(--userSelectYes);

}

.Content .Book .rightNext{
	width: var(--maxWidth);
	height: var(--screenHeight);
	height: -webkit-fill-available;
	background-color: var(--bookBGColor);
	background-image: var(--bookBGImage);
	display: var(--displayBlock);
	padding: 0.8em 1.15em 1.5em 2em;
	position: var(--posAbsolute);
	box-sizing: border-box !important;
	top: 0;
	right: 0;
	float: right;
	overflow-x: var(--overflowHidden);
	overflow-y: var(--pverflowScroll);
	user-select: var(--userSelectYes);
	-webkit-user-select: var(--userSelectYes);
	-moz-user-select: var(--userSelectYes);

}


.Content .Book .right{
	width: var(--maxWidth);
	height: var(--screenHeight);
	height: max-content;
	background-color: var(--bookBGColor);
	background-image: var(--bookBGImage);
	display: var(--displayBlock);
	padding: 0.8em 1.15em 1.5em 2em;
	position: var(--posAbsolute);
	box-sizing: border-box !important;
	top: 0;
	right: 0;
	float: right;
	transform-origin: 0%;
	transform: rotateY(0deg);
	transition: var(--transiitionFast);
	-webkit-transition: var(--transiitionFast);
	overflow: var(--overflowHidden);
	user-select: var(--userSelectYes);
	-webkit-user-select: var(--userSelectYes);
	-moz-user-select: var(--userSelectYes);

}

.Book #explainStart {
	max-width: var(	--maxWidth);
}

.Book #explainEnd {
	max-width: var(	--maxWidth);
}

.Overlay {
	opacity: var(--noTransparent);
	position: var(--posRelative);
	display: var(--displayInlineBlock) !important;
	/* #width: var(--screenWide); */
	margin: var(--centerMargin);
	/* #top: calc(-28.125vw - 7.5em); */
	left: 0px;
	text-align: center;
	vertical-align: middle;
	backdrop-filter: var(--bgBlur);
	-webkit-backdrop-filter: var(--bgBlur);
	/* #background-color: rgba(0,0,128,0.4);
	#padding-bottom: 8.5em; */
	color: var(--colorLgtGrey);
	font-size: var(--fontSizeOverlay);
	overflow-x: var(--overflowCut);
	-webkit-overflow-scrolling: auto;
	-webkit-overflow-x: var(--overflowCut);
	-webkit-overflow-y: var(--overflowCut);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	text-select: var(--userSelect);
	z-index: 20;
}

.scrollPic {
	width: var(--screenWidth);
	height: var(--screenHeight);
	margin: var(--noMarginPadding) var(--centerMargin);
	margin: var(--noMarginPadding);
	scroll-snap-align: start;
	scroll-margin: 5.5em; 
	flex-flow: column nowrap;
	overflow-x: var(--overflowClip);
	overflow-y: var(--overflowAuto);
	display: var(--displayBlock);
}


.scrollPic .img{
	display: var(--displayBlock);
	margin: var(--noMarginPadding);
	padding: var(--noMarginPadding);
	background-repeat: var(--repeateBg);
	z-index: 10 !important;
}

.bgOverlay:nth-child(1) .scrollPic {
	background-image: var(--scrollPicImage1);
	background-size: var(--scrollPicSize);
	background-repeat: var(--repeateBg);
	background-position: bottom;
	overflow: var(--overflowHidden);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	z-index: 10 !important;
}

.bgOverlay:nth-child(2) .scrollPic {
	background-size: var(--scrollPicSize);
	background-repeat: var(--repeateBg);
	background-position: bottom;
	user-select: var(--userSelect);
	height: var(--screenHeight);
	overflow: visible;
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	z-index: 10 !important;
}
.bgOverlay:nth-child(3) .scrollPic{
	background-image: var(--scrollPicImage3);
	/* background-image: linear-gradient(180deg,transparent, transparent, transparent, var(--warBlendBlue),  var(--warBlendBlue) ); */
	background-image: linear-gradient(180deg,transparent, transparent, transparent,  var(--warBlendYellow), var(--warBlendYellow) );
	background-size: var(--scrollPicSize);
	background-repeat: var(--repeateBg);
	background-position: bottom;
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	z-index: 10 !important;
}

.bgOverlay:nth-child(4) .scrollPic{
	display: var(--displayBlock);
	height: var(--calcBGHeight);
	width: var(--calcBGWidth);
	overflow: var(--overflowHidden);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	z-index: 10 !important;
}

.bgOverlay:nth-child(4) .scrollPic .imgBG {
	background-size: var(--scrollPicSize);
	background-repeat: var(--repeateBg);
	background-position: center top;
	user-select: var(--userSelect);
	height: var(--calcBGHeight);
	width: var(--calcBGWidth);
	position: var(--posRelative);
	display: var(--displayBlock);
	opacity: 1;
	top: 0;
	z-index: 10 !important;
}

.bgOverlay:nth-child(4) .scrollPic .imgDust {
	background-size: var(--scrollPicSize);
	background-repeat: var(--repeateBg);
	background-position: center top;
	user-select: var(--userSelect);
	height: var(--calcBGHeight);
	width: var(--calcBGWidth);
	position: var(--posRelative);
	left: 0px;
	top: calc(-100vh - 1px);
	display: var(--displayBlock);
	opacity: 0.865;
	z-index: 10 !important;
}

.bgOverlay:nth-child(4) .scrollPic .imgDustFix {
	background-repeat: var(--repeateBg);
	background-position: center top;
	user-select: var(--userSelect);
	height: var(--calcBGHeight);
	width: var(--calcBGWidth);
	position: var(--posRelative);
	left: 0px;
	top: calc(-201vh - 1px);
	display: var(--displayBlock);
	opacity: 0.35;
	z-index: 10 !important;
}

.bgOverlay:nth-child(4) .scrollPic .imgFlame {
	background-image: var(--imageWar_o);
	background-size: var(--scrollPicSize);
	mix-blend-mode: hard-light;
	background-repeat: var(--repeateBg);
	background-position: center top;
	user-select: var(--userSelect);
	height: var(--calcBGHeight);
	width: var(--calcBGWidth);
	position: var(--posRelative);
	left: 1px;
	/*top: calc(-401.5vh + 1px); */
	top: calc(-301vh - 4px);
	display: var(--displayBlock);
	opacity: 1;
	z-index: 10 !important;
}

.bgOverlay:nth-child(4) .scrollPic .imgMiddle {
	background-size: var(--scrollPicSize);
	background-repeat: var(--repeateBg);
	background-position: center top;
	user-select: var(--userSelect);
	height: var(--calcBGHeight);
	width: var(--calcBGWidth);
	position: var(--posRelative);
	left: 0px;
	top: calc(-401.5vh - 4.5px);
	display: var(--displayBlock);
	opacity: 1;
	z-index: 10 !important;
}

.bgOverlay:nth-child(4) .scrollPic .imgRubble {
	background-size: var(--scrollPicSize);
	background-repeat: var(--repeateBg);
	background-position: center top;
	user-select: var(--userSelect);
	height: var(--calcBGHeight);
	width: var(--calcBGWidth);
	position: var(--posRelative);
	left: 0px;
	top: calc(-602.5vh - 4px);
	display: var(--displayBlock);
	opacity: 1;
	z-index: 10 !important;
}

.bgOverlay:nth-child(4) .scrollPic .imgFG {
	background-size: var(--scrollPicSize);
	background-repeat: var(--repeateBg);
	background-position: center top;
	user-select: var(--userSelect);
	height: var(--calcBGHeight);
	width: var(--calcBGWidth);
	position: var(--posRelative);
	/*top:  -301vh; */
	top: calc(-501.5vh - 8px);
	display: var(--displayBlock);
	opacity: 0.75;
	z-index: 10 !important;
}

.bgOverlay:nth-child(4) .scrollPic .containerOverlay {
	top: -100vh;
	display: var(--displayBlock);
	position: var(--posRelative);
	/* background-color: var(--warBlendTransBlue);
	background-blend-mode: soft-light; */
}

.bgOverlay:nth-child(2) .scrollPic .img:nth-child(1) {
	position: var(--posAbsolute);
	transform: translateZ(-436px) translateX(-3%) translateY(4%) scale(22%);
	-webkit-transform: translateZ(-436px) translateX(-3%) translateY(4%) scale(0.22);
	filter:blur(6.5px);
	-webkit-filter:blur(6.5px);
	transform-style: var(--animiTransformStyle);
	-webkit-transform-style: var(--animiTransformStyle);
	z-index: 10 !important;	
}

.bgOverlay:nth-child(2) .scrollPic .img:nth-child(2) {
	position: var(--posAbsolute);
	transform: translateZ(-300px) translateX(45%) translateY(32%) scale(30.7%);
	-webkit-transform: translateZ(-300px) translateX(45%) translateY(32%) scale(0.307);
	filter: blur(4.68px);
	-webkit-filter: blur(4.68px);
	transform-style: var(--animiTransformStyle);
	-webkit-transform-style: var(--animiTransformStyle);
	z-index: 10 !important;
}

.bgOverlay:nth-child(2) .scrollPic .img:nth-child(3) {
	position: var(--posAbsolute);
	transform: translateZ(-220px) translateX(8%) translateY(-42%) scale(45%);
	-webkit-transform: translateZ(-220px) translateX(8%) translateY(-42%) scale(0.45);
	filter: blur(2.75px);
	-webkit-filter: blur(2.75px);
	transform-style: var(--animiTransformStyle);
	-webkit-transform-style: var(--animiTransformStyle);
	z-index: 10 !important;	
}


.bgOverlay:nth-child(2) .scrollPic .img:nth-child(4) {
	position: var(--posAbsolute);
	transform: translateZ(-100px) translateX(47%) translateY(-18%) scale(75%);
	-webkit-transform: translateZ(-100px) translateX(47%) translateY(-18%) scale(0.75);
	filter: blur(1.34px);
	-webkit-filter: blur(1.34px);
	transform-style: var(--animiTransformStyle);
	-webkit-transform-style: var(--animiTransformStyle);
	z-index: 10 !important;
}

.bgOverlay:nth-child(2) .scrollPic .img:nth-child(5) {
	position: var(--posAbsolute);
	transform: translateZ(-20px) translateX(25%) translateY(0%) scale(100%);
	-webkit-transform: translateZ(-20px) translateX(25%) translateY(0%) scale(1);
	transform-style: var(--animiTransformStyle);
	-webkit-transform-style: var(--animiTransformStyle);
	z-index: 10 !important;
}

.bgOverlay:nth-child(2) .scrollPic .img:nth-child(6){
	position: var(--posAbsolute);
	transform: translateZ(100px) translateX(-22%) translateY(68%) scale(135%);
	-webkit-transform: translateZ(100px) translateX(-22%) translateY(68%) scale(1.35);
	filter: blur(2.68px);
	-webkit-filter: blur(2.68px);
	transform-style: var(--animiTransformStyle);
	-webkit-transform-style: var(--animiTransformStyle);
	z-index: 10 !important;	
}

.bgOverlay:nth-child(2) .scrollPic .img{
	width: var(--maxWidth);
	height: var(--maxHeight);
	overflow-y: var(--overflowCut) !important;
	z-index: 10 !important;	
}

figure.image[alt="viruscollage"] {
	overflow-x: var(--overflowCut);
	height: inherit;
	width: var(--screenWide) !important;
	max-height: 300vh !important;
	padding: var(--noMarginPadding);
	margin: var(--noMarginPadding);
	transform: translateZ(-1px);
}

figure.image[alt="warcollage"]	{
	overflow-y: var(--overflowCut);
	overflow-x: var(--overflowCut);
	-webkit-transition: none !important;
	transition: none !important;
	height: inherit;
	width: var(--screenWide) !important;
	max-height: 100vh !important;
	padding: var(--noMarginPadding);
	margin: var(--noMarginPadding);
	transform: translateZ(-1px);
	/*background-color: var(--warBlendBlue);
	background-blend-mode: soft-light;*/
	background-size: var(--scrollPicSize);
	background-repeat: var(--repeateBg);
	background-position: center top;
	/* background-color: var(--warBlendYellow) */
	opacity: 0.8;
}


.bgOverlay:nth-child(3) .containerOverlay {
	max-height: var(--screenHeight);
	height: calc(var(--calcSlideMaxHeight) + 7.5vmin);
	overflow: var(--overflowHidden);
	z-index: 10;
}

#ueber {
	position: var(--posRelative);
	top: calc(0 - var(--screenHeight));
	/*
	backdrop-filter: var(--bgBlur);
	-webkit-backdrop-filter: var(--bgBlur);
	*/

}

#explain2 {
	position: var(--posRelative);
	top: calc(0 - var(--screenHeight));
	backdrop-filter: unset !important;
	-webkit-backdrop-filter: unset !important;
}

.container.y #explainEnd {
	/*background-color: var(--warBlendBlue);*/
	background-color: var(--warBlendYellow);
	-webkit-transition: opacity var(--transitionXLong);
	transition: opacity var(--transitionXLong);
	width: var(--calcBGWidth);
	height: var(--calcBGHeight);
	overflow: var(--overflowHidden);
	opacity: 1;
}

#explainEnd .Overlay .ContentText cite{
	opacity: 0.3;
	-webkit-transition: opacity var(--transitionLong);
	transition: opacity var(--transitionLong);
	backdrop-filter: unset !important;
	-webkit-backdrop-filter: unset !important;
	background-color: unset !important;
	background-blend-mode: unset !important;
}

#explainEnd:hover .containerOverlay, #explainEnd:target .containerOverlay {
	/* background-color: var(--warBlendTransBlue); */
}

#explainEnd:is(:hover,:target,:active,:focus) figure.image {
	filter: var(--bgBlur);
	-webkit-filter: var(--bgBlur);
	opacity: 0.65;
}


#explainEnd:hover .imgBG, #explainEnd:target .imgBG {
	
}

#explainEnd:hover .imgFG, #explainEnd:target .imgFG {
	
}

#explainEnd:hover .imgFlame, #explainEnd:target .imgFlame{
	
}

#explainEnd:hover .imgDust, #explainEnd:target .imgDust{
	
}

#explainEnd:hover .imgRubble, #explainEnd:target .imgRubble {
	
}

@keyframes aniFlame {
0% {
		-webkit-transform: translateZ(-1px) rotate(0.175deg) scale(0.99);
		transform: translateZ(-1px) rotate(0.175deg) scale(0.99);
		opacity: var(--warFlameOpacity);
	}
	10% {
		-webkit-transform: translateZ(-1px) rotate(0.125deg);
		transform: translateZ(-1px) rotate(0.125deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	20% {
		-webkit-transform: translateZ(-1px) rotate(0.075deg) scale(0.995);
		transform: translateZ(-1px) rotate(0.075deg) scale(0.995);
		opacity: var(--warFlameOpacity);
	}
	30% {
		-webkit-transform: translateZ(-1px) rotate(0.035deg);
		transform: translateZ(-1px) rotate(0.035deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	40% {
		-webkit-transform: translateZ(-1px) rotate(-0.015deg) scale(1);
		transform: translateZ(-1px) rotate(-0.015deg) scale(1);
		opacity: var(--warFlameOpacity);
	}
	45% {
		-webkit-transform: translateZ(-1px) rotate(-0.065deg)  scale(1.01);
		transform:translateZ(-1px) rotate(-0.065deg)  scale(1.01);
		opacity:var(--warFlameAnimiOpacity);
	}
	50% {
		-webkit-transform: translateZ(-1px) rotate(-0.115deg) scale(0.99);
		transform: translateZ(-1px) rotate(-0.115deg) scale(0.99);
		opacity: var(--warFlameOpacity);
	}
	60% {
		-webkit-transform: translateZ(-1px) rotate(-0.165deg);
		transform: translateZ(-1px) rotate(-0.165deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	70% {
		-webkit-transform: translateZ(-1px) rotate(-0.115deg) scale(0.995);
		transform: translateZ(-1px) rotate(-0.115deg) scale(0.995);
		opacity: var(--warFlameOpacity);
	}
	80% {
		-webkit-transform: translateZ(-1px) rotate(-0.065deg);
		transform: translateZ(-1px) rotate(-0.065deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	90% {
		-webkit-transform: translateZ(-1px) rotate(-0.015deg)  scale(1.01);
		transform: translateZ(-1px) rotate(-0.015deg)  scale(1.01);
		opacity: var(--warFlameAnimiOpacity);
	}
	99% {
		-webkit-transform: translateZ(-1px) rotate(0.035deg) scale(1);
		transform: translateZ(-1px) rotate(0.035deg) scale(1);
		opacity:var(--warFlameOpacity);
	}
}

@keyframes aniFlame_hover {
 	0% {
		-webkit-transform: translateZ(-1px) rotate(0.175deg) scale(0.99);
		transform: translateZ(-1px) rotate(0.175deg) scale(0.99);
		opacity: var(--warFlameOpacity);
	}
	10% {
		-webkit-transform: translateZ(-1px) rotate(0.125deg);
		transform: translateZ(-1px) rotate(0.125deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	20% {
		-webkit-transform: translateZ(-1px) rotate(0.075deg) scale(0.995);
		transform: translateZ(-1px) rotate(0.075deg) scale(0.995);
		opacity: var(--warFlameOpacity);
	}
	30% {
		-webkit-transform: translateZ(-1px) rotate(0.035deg);
		transform: translateZ(-1px) rotate(0.035deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	40% {
		-webkit-transform: translateZ(-1px) rotate(-0.015deg) scale(1);
		transform: translateZ(-1px) rotate(-0.015deg) scale(1);
		opacity: var(--warFlameOpacity);
	}
	45% {
		-webkit-transform: translateZ(-1px) rotate(-0.065deg)  scale(1.01);
		transform:translateZ(-1px) rotate(-0.065deg)  scale(1.01);
		opacity:var(--warFlameAnimiOpacity);
	}
	50% {
		-webkit-transform: translateZ(-1px) rotate(-0.115deg) scale(0.99);
		transform: translateZ(-1px) rotate(-0.115deg) scale(0.99);
		opacity: var(--warFlameOpacity);
	}
	60% {
		-webkit-transform: translateZ(-1px) rotate(-0.165deg);
		transform: translateZ(-1px) rotate(-0.165deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	70% {
		-webkit-transform: translateZ(-1px) rotate(-0.115deg) scale(0.995);
		transform: translateZ(-1px) rotate(-0.115deg) scale(0.995);
		opacity: var(--warFlameOpacity);
	}
	80% {
		-webkit-transform: translateZ(-1px) rotate(-0.065deg);
		transform: translateZ(-1px) rotate(-0.065deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	90% {
		-webkit-transform: translateZ(-1px) rotate(-0.015deg)  scale(1.01);
		transform: translateZ(-1px) rotate(-0.015deg)  scale(1.01);
		opacity: var(--warFlameAnimiOpacity);
	}
	99% {
		-webkit-transform: translateZ(-1px) rotate(0.035deg) scale(1);
		transform: translateZ(-1px) rotate(0.035deg) scale(1);
		opacity:var(--warFlameOpacity);
	}
}

@keyframes aniDust {
 	0% {
		-webkit-transform:scale(1) translate(0px, 0px) translateZ(-1px);
		transform:scale(1) translate(0px, 0px) translateZ(-1px);
		opacity: 0;
	}
 	10% {
		-webkit-transform:scale(1) translate(0px, 0px) translateZ(-1px);
		transform:scale(1) translate(0px, 0px) translateZ(-1px);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1.75) translate(175px, -225px) translateZ(-1px);
		transform: scale(1.75) translate(175px, -225px) translateZ(-1px);
		opacity: 0.5;
	}
}

@keyframes aniDust_hover {
	 0% {
		-webkit-transform:scale(1) translate(0px, 0px) translateZ(-1px);
		transform:scale(1) translate(0px, 0px) translateZ(-1px);
		opacity: 0;
	}
 	10% {
		-webkit-transform:scale(1) translate(0px, 0px) translateZ(-1px);
		transform:scale(1) translate(0px, 0px) translateZ(-1px);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1.75) translate(175px, -225px)  translateZ(-1px);
		transform: scale(1.75) translate(175px, -225px)  translateZ(-1px);
		opacity: 0.5;
	}
}

@-webkit-keyframes aniFlameWK {
	 0% {
		-webkit-transform: translateZ(-1px) rotate(0.175deg) scale(0.99);
		transform: translateZ(-1px) rotate(0.175deg) scale(0.99);
		opacity: var(--warFlameOpacity);
	}
	10% {
		-webkit-transform: translateZ(-1px) rotate(0.125deg);
		transform: translateZ(-1px) rotate(0.125deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	20% {
		-webkit-transform: translateZ(-1px) rotate(0.075deg) scale(0.995);
		transform: translateZ(-1px) rotate(0.075deg) scale(0.995);
		opacity: var(--warFlameOpacity);
	}
	30% {
		-webkit-transform: translateZ(-1px) rotate(0.035deg);
		transform: translateZ(-1px) rotate(0.035deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	40% {
		-webkit-transform: translateZ(-1px) rotate(-0.015deg) scale(1);
		transform: translateZ(-1px) rotate(-0.015deg) scale(1);
		opacity: var(--warFlameOpacity);
	}
	45% {
		-webkit-transform: translateZ(-1px) rotate(-0.065deg)  scale(1.01);
		transform:translateZ(-1px) rotate(-0.065deg)  scale(1.01);
		opacity:var(--warFlameAnimiOpacity);
	}
	50% {
		-webkit-transform: translateZ(-1px) rotate(-0.115deg) scale(0.99);
		transform: translateZ(-1px) rotate(-0.115deg) scale(0.99);
		opacity: var(--warFlameOpacity);
	}
	60% {
		-webkit-transform: translateZ(-1px) rotate(-0.165deg);
		transform: translateZ(-1px) rotate(-0.165deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	70% {
		-webkit-transform: translateZ(-1px) rotate(-0.115deg) scale(0.995);
		transform: translateZ(-1px) rotate(-0.115deg) scale(0.995);
		opacity: var(--warFlameOpacity);
	}
	80% {
		-webkit-transform: translateZ(-1px) rotate(-0.065deg);
		transform: translateZ(-1px) rotate(-0.065deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	90% {
		-webkit-transform: translateZ(-1px) rotate(-0.015deg)  scale(1.01);
		transform: translateZ(-1px) rotate(-0.015deg)  scale(1.01);
		opacity: var(--warFlameAnimiOpacity);
	}
	99% {
		-webkit-transform: translateZ(-1px) rotate(0.035deg) scale(1);
		transform: translateZ(-1px) rotate(0.035deg) scale(1);
		opacity:var(--warFlameOpacity);
	}
}


@-webkit-keyframes aniFlameWK_hover {
	0% {
		-webkit-transform: translateZ(-1px) rotate(0.175deg) scale(0.99);
		transform: translateZ(-1px) rotate(0.175deg) scale(0.99);
		opacity: var(--warFlameOpacity);
	}
	10% {
		-webkit-transform: translateZ(-1px) rotate(0.125deg);
		transform:translateZ(-1px) rotate(0.125deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	20% {
		-webkit-transform: translateZ(-1px) rotate(0.075deg) scale(0.995);
		transform: translateZ(-1px) rotate(0.075deg) scale(0.995);
		opacity: var(--warFlameOpacity);
	}
	30% {
		-webkit-transform: translateZ(-1px) rotate(0.035deg);
		transform: translateZ(-1px) rotate(0.035deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	40% {
		-webkit-transform: translateZ(-1px) rotate(-0.015deg) scale(1);
		transform: translateZ(-1px) rotate(-0.015deg) scale(1);
		opacity: var(--warFlameOpacity);
	}
	45% {
		-webkit-transform: translateZ(-1px) rotate(-0.065deg)  scale(1.01);
		transform: translateZ(-1px) rotate(-0.065deg)  scale(1.01);
		opacity:var(--warFlameAnimiOpacity);
	}
	50% {
		-webkit-transform: translateZ(-1px) rotate(-0.115deg) scale(0.99);
		transform: translateZ(-1px) rotate(-0.115deg) scale(0.99);
		opacity: var(--warFlameOpacity);
	}
	60% {
		-webkit-transform: translateZ(-1px) rotate(-0.165deg);
		transform: translateZ(-1px) rotate(-0.165deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	70% {
		-webkit-transform: translateZ(-1px) rotate(-0.115deg) scale(0.995);
		transform: translateZ(-1px) rotate(-0.115deg) scale(0.995);
		opacity: var(--warFlameOpacity);
	}
	80% {
		-webkit-transform: translateZ(-1px) rotate(-0.065deg);
		transform: translateZ(-1px) rotate(-0.065deg);
		opacity: var(--warFlameAnimiOpacity);
	}
	90% {
		-webkit-transform: translateZ(-1px) rotate(-0.015deg)  scale(1.01);
		transform: translateZ(-1px) rotate(-0.015deg)  scale(1.01);
		opacity: var(--warFlameAnimiOpacity);
	}
	99% {
		-webkit-transform: translateZ(-1px) rotate(0.035deg) scale(1);
		transform: translateZ(-1px) rotate(0.035deg) scale(1);
		opacity:var(--warFlameOpacity);
	}
}

@-webkit-keyframes aniDustWK {
 	0% {
		-webkit-transform:scale(1) translate(0px, 0px) translateZ(-1px);
		transform:scale(1) translate(0px, 0px) translateZ(-1px);
		opacity: 0;
	}
 	10% {
		-webkit-transform:scale(1) translate(0px, 0px) translateZ(-1px);
		transform:scale(1) translate(0px, 0px) translateZ(-1px);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1.75) translate(175px, -225px) translateZ(-1px);
		transform: scale(1.75) translate(175px, -225px) translateZ(-1px);
		opacity: 0.5;
	}
}

@-webkit-keyframes aniDustWK_hover {
	 0% {
		-webkit-transform:scale(1) translate(0px, 0px) translateZ(-1px);
		transform:scale(1) translate(0px, 0px) translateZ(-1px);
		opacity: 0;
	}
 	10% {
		-webkit-transform:scale(1) translate(0px, 0px) translateZ(-1px);
		transform:scale(1) translate(0px, 0px) translateZ(-1px);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1.75) translate(175px, -225px)  translateZ(-1px);
		transform: scale(1.75) translate(175px, -225px)  translateZ(-1px);
		opacity: 0.5;
	}
}

#explainEnd:target > .scrollOverlay > .containerOverlay > .Overlay .ContentText cite, #explainEnd:focus > .bgOverlay > .scrollOverlay > .containerOverlay > .Overlay .ContentText cite, #explainEnd:focus-visible > .bgOverlay > .scrollOverlay > .containerOverlay > .Overlay .ContentText cite, #explainEnd:focus-within > .bgOverlay > .scrollOverlay > .containerOverlay > .Overlay .ContentText cite, #explainEnd:active > .scrollOverlay > .containerOverlay > .Overlay .ContentText cite, #explainEnd:hover > .scrollOverlay > .containerOverlay > .Overlay .ContentText cite, #explainEnd:visited > .scrollOverlay > .containerOverlay > .Overlay .ContentText cite {
	opacity: 1;
	/*backdrop-filter: var(--bgBlur) contrast(0.8);
	-webkit-backdrop-filter: var(--bgBlur) contrast(0.8);
	background-color: rgba(16,16,16,0.15) !important; */
}

#explainStart {
	/*perspective: var(--animiStopPerspective) !important;
	-webkit-perspective: var(--animiStopPerspective) !important;
	-webkit-transition: var(--transitionXLong);
	transition: var(--transitionXLong);*/
	overflow: visible !important;
}

#explainStart figure.image {
	perspective: var(--animiStopPerspective) !important;
	-webkit-perspective: var(--animiStopPerspective) !important;
	-webkit-transition: var(--transitionXLong);
	transition: var(--transitionXLong);
}

#explainStart .Overlay{
	opacity: 0.3;
	-webkit-transition: var(--transitionFast);
	transition: var(--transitionFast);
	backdrop-filter: var(--bgBlur);
	-webkit-backdrop-filter: var(--bgBlur);

}

#explainStart:hover figure.image:not(:hover,:active), #explainStart:target figure.image {
	perspective: var(--animiStartPerspective) !important;
	-webkit-perspective: var(--animiStartPerspective) !important;
	opacity: 0.7;
}

#explainStart:target > .scrollOverlay > .containerOverlay > .Overlay, #explainStart:focus .scrollOverlay > .containerOverlay > .Overlay, #explainStart:focus-visible > .scrollOverlay > .containerOverlay > .Overlay, #explainStart:focus-within > .scrollOverlay > .containerOverlay > .Overlay, #explainStart:active > .scrollOverlay > .containerOverlay > .Overlay, #explainStart:hover > .scrollOverlay > .containerOverlay > .Overlay, #explainStart:visited > .scrollOverlay > .containerOverlay > .Overlay{
	opacity: 1;
}

.scrollOverlay {
	position: relative;
	top: calc(0px - var(--screenHeight));
	left: var(--topLeft);
	height: calc(var(--screenHeight));
	margin: var(--noMarginPadding) var(--centerMargin);
	margin: var(--noMarginPadding);
	flex-flow: column nowrap;
	overflow-x: var(--overflowClip);
	overflow-y: var(--overflowAuto);
	display: var(--displayInlineBlock);
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/

body #Main:is( :hover) ~ footer {
	position: var(--posSticky);
	top: var(--screenHeight);
}

body #Main:is( :hover) ~ header {
	--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcMinHeaderFactor));
	position: var(--posFixed);
	height: var(--calcHeaderHeight);
	background-image: var(--headerBGImageSmall);
	background-position-y: var(--headerBGPosYSmall);
	background-size: var(--headerBGSizeSmall);
}

body #Main:is( :hover) #NaviDown {
	--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcMinHeaderFactor));
	--naviTop: calc(var(--calcHeaderHeight) - 0.25rem);
	top: var(--naviTop);
}


body #Main:is( :not(:hover)) #NaviDown {
	--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcMaxHeaderFactor));
	--naviTop: calc(var(--calcHeaderHeight) + 0.05rem);
	top: var(--naviTop);
}
 
body #Main:is( :hover) ~ header > .headerText > h3 {
	visibility: var(--unshow) !important;
}

body #Main:is(:not(:hover)) #containerNaviBG, body:not( :target, :active, :focus, :hover) #containerNaviBG{
	visibility: hidden !important;
}


.modal{
	background-color: rgba(0,0,0,0.75);
	backdrop-filter: var(--bgBlur);
	-webkit-backdrop-filter: var(--bgBlur);
	width: var(--maxWidth);
	height: var(--maxHeight);
	display: var(--displayNone);
	opacity: var(--noTransparent);
	position: var(--posFixed);
	top: var(--topLeft);
	left: var(--topLeft);
	-webkit-transition: var(--transitionFaster);
	transition: var(--transitionFaster);
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	z-index: 201;
	
}

footer {
	position: var(--posFixed);
	bottom: 0;
	background-color: var(--colorDrkGrey);
	background-image: var(--footerBGColor);
	display: var(--displayBlock);
	width: var(--maxWidth);
	box-shadow: var(--menuShadow);
	z-index: 200;
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
}


footer .footerText {
	text-align: center;
	user-select: var(--userSelect);
	-webkit-user-select: var(--userSelect);
	-moz-user-select: var(--userSelect);
	max-height: 1.5em;

}

footer .footerText a, footer .footerText a img{
	height: 1em !important;
	width: 1em !important;
}

::scrollbar {
	width: 4px;
	box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75);
}

::scrollbar:hover {
	width: 12px;
}


::scrollbar:horizontal {
	height:5px;
	box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75);
}

::scrollbar:horizontal:hover {
	height: 13px;
}


::scrollbar-button {
	width: 5px;
	height: 10px;
}

::scrollbar-button:hover {
	color: #000000;
	width: 12px;
	height: 24px;
}

::scrollbar-button:horizontal {
	width: 10px;
	height: 5px;
}

::scrollbar-button:horizontal:hover {
	color: #000000;
	height: 13px;
	width: 26px;
}

::scrollbar-track {
	background: var(--colorDrkGrey);
	box-shadow: 0px 0px 0px;
	border-radius: var(--borderRadiusSmall);
}

::scrollbar-track:horizontal {
	background: var(--colorDrkGrey);
	box-shadow: 0px 0px 0px;
	border-radius: var(--borderRadiusSmall);
}


::scrollbar-thumb {
	background: var(--colorBlueLgth);
	border:  var(--borderMiddle);
	border-radius: var(--borderRadiusSmall);
	box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75);
}

::scrollbar-thumb:horizontal {
	background: var(--colorBlueLgth);
	border:  var(--borderMiddle);
	border-radius: var(--borderRadiusSmall);
	box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75);
}

::scrollbar-thumb:hover {
	background: var(--colorBlueLgth);
	border:  var(--borderMiddle);
	border-radius: var(--borderRadiusSmall);
	box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75);
}

::scrollbar-thumb:horizontal:hover {
	background: var(--colorBlueLgth);
	border: var(--borderMiddle);
	border-radius: var(--borderRadiusSmall);
	box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75);
}


::-webkit-scrollbar {
	width: 4px;
	box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75);
}

::-webkit-scrollbar:hover {
	width: 12px;
}


::-webkit-scrollbar:horizontal {
	height:5px;
	box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75);
}

::-webkit-scrollbar:horizontal:hover {
	height: 13px;
}


::-webkit-scrollbar-button {
	width: 5px;
	height: 10px;
}

::-webkit-scrollbar-button:hover {
	color: #000000;
	width: 12px;
	height: 24px;
}

::-webkit-scrollbar-button:horizontal {
	width: 10px;
	height: 5px;
}

::-webkit-scrollbar-button:horizontal:hover {
	color: #000000;
	height: 13px;
	width: 26px;
}

::-webkit-scrollbar-track {
	background: var(--colorDrkGrey);
	box-shadow: 0px 0px 0px;
	border-radius: var(--borderRadiusSmall);
}

::-webkit-scrollbar-track:horizontal {
	background: var(--colorDrkGrey);
	box-shadow: 0px 0px 0px;
	border-radius: var(--borderRadiusSmall);
}


::-webkit-scrollbar-thumb {
	background: var(--colorBlueLgth);
	border:  var(--borderMiddle);
	border-radius: var(--borderRadiusSmall);
	box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75);
}

::-webkit-scrollbar-thumb:horizontal {
	background: var(--colorBlueLgth);
	border:  var(--borderMiddle);
	border-radius: var(--borderRadiusSmall);
	box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--colorBlueLgth);
	border:  var(--borderMiddle);
	border-radius: var(--borderRadiusSmall);
	box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75);
}

::-webkit-scrollbar-thumb:horizontal:hover {
	background: var(--colorBlueLgth);
	border: var(--borderMiddle);
	border-radius: var(--borderRadiusSmall);
	box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75);
}



::-moz-scrollbar {
	width: 4px;
	box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75);
}

::-moz-scrollbar:hover {
	width: 12px;
}


::-moz-scrollbar:horizontal {
	height:5px;
	box-shadow: 0.25em -0.5em 0.5em rgba(0,0,0,0.75);
}

::-moz-scrollbar:horizontal:hover {
	height: 13px;
}


::-moz-scrollbar-button {
	width: 5px;
	height: 10px;
}

::-moz-scrollbar-button:hover {
	color: #000000;
	width: 12px;
	height: 24px;
}

::-moz-scrollbar-button:horizontal {
	width: 10px;
	height: 5px;
}

::-moz-scrollbar-button:horizontal:hover {
	color: #000000;
	height: 13px;
	width: 26px;
}

::-moz-scrollbar-track {
	background: var(--colorDrkGrey);
	box-shadow: 0px 0px 0px;
	border-radius: var(--borderRadiusSmall);
}

::-moz-scrollbar-track:horizontal {
	background: var(--colorDrkGrey);
	box-shadow: 0px 0px 0px;
	border-radius: var(--borderRadiusSmall);
}


::-moz-scrollbar-thumb {
	background: var(--colorBlueLgth);
	border:  var(--borderMiddle);
	border-radius: var(--borderRadiusSmall);
	box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75);
}

::-moz-scrollbar-thumb:horizontal {
	background: var(--colorBlueLgth);
	border:  var(--borderMiddle);
	border-radius: var(--borderRadiusSmall);
	box-shadow: 0em 0em 0.5em rgba(0,0,0,0.75);
}

::-moz-scrollbar-thumb:hover {
	background: var(--colorBlueLgth);
	border:  var(--borderMiddle);
	border-radius: var(--borderRadiusSmall);
	box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75);
}

::-moz-scrollbar-thumb:horizontal:hover {
	background: var(--colorBlueLgth);
	border: var(--borderMiddle);
	border-radius: var(--borderRadiusSmall);
	box-shadow: 0em 0em 0.5em rgba(255,255,255,0.75);
}


.container.y::scrollbar {
	display: var(--displayNone);
}

.container.y::-webkit-scrollbar {
	display: var(--displayNone);
}

.container.y::-moz-scrollbar {
	display: var(--displayNone);
}

#Main ::scrollbar{
	display: var(--displayNone);
}

#Main ::-webkitt-scrollbar{
	display: var(--displayNone);
}

#Main ::s-mox-crollbar{
	display: var(--displayNone);
}


@media print { 
	:root{

	}

	aside .modal {
		display: var(--displayNone) !important;
		visibility: hidden !important;
	}

	nav {
		visibility: hidden !important;
		display: var(--displayNone) !important;
	}

	#NaviDown {
		visibility: hidden !important;
		display: var(--displayNone) !important;
	}
	
	header {
		background-position-x: var(--headerBGPosXBig);
        	height: var(--headerHeightLarge);
	}

	header h1::before {
		content: var(--headerH1);
	}

	header h3::before {
		content: var(--headerH3);
	}

	.Overlay {
		color: #ffffff !important;
	}

	.ContentText {
		color: #ffffff !important;
	}

	#explainStart figure.image {
		-webkit-transition: unset !important;
		transition: unset !important;
		perspective: var(--animiStopPerspective)  !important;
		-webkit-perspective: var(--animiStopPerspective)  !important;
	}

	#explainStart .Overlay {
		opacity: 1 !important;
		-webkit-transition: unset !important;
		transition: unset !important;
		backdrop-filter: var(--bgBlur) !important;
		-webkit-backdrop-filter: var(--bgBlur) !important;
	}

	#explainEnd .Overlay .ContentText cite {
		opacity: 1 !important;
		-wekit-transition: unset !important;
		transition: unset !important;
	}

	.containerBibleText:nth-child(1){
		-webkit-animation-name: unset !important;
		-webkit-animation-duration: unset !important;
		-webkit-animation-iteration-count: unset !important;
		animation-name: unset !important;
		animation-duration: unset !important;
		animation-iteration-count: unset !important;
	}	

	.containerBibleText:nth-child(2) {
		-webkit-animation-name: unset !important;
		-webkit-animation-duration: unset !important;
		-webkit-animation-iteration-count: unset !important;
		animation-name: unset !important;
		animation-duration: unset !important;
		animation-iteration-count: unset !important;
	}
	
	.containerSlider .Slideshow {
		-webkit-animation-name: unset !important;
		-webkit-animation-duration: unset !important;
		-webkit-animation-iteration-count: unset !important;
		animation-name: unset !important;
		animation-duration: unset !important;
		animation-iteration-count: unset !important;
	}

	.dot {
		-webkit-animation-name: unset !important;
		-webkit-animation-duration: unset !important;
		-webkit-animation-iteration-count: unset !important;
		animation-name: unset !important;
		animation-duration: unset !important;
		animation-iteration-count: unset !important;
	}

	.bgOverlay:nth-child(4) .scrollPic .imgFlame {
		-webkit-animation-name: unset !important;
		-webkit-animation-duration: unset !important;
		-webkit-animation-iteration-count: unset !important;
		animation-name: unset !important;
		animation-duration: unset !important;
		animation-iteration-count: unset !important;
	}

	.bgOverlay:nth-child(4) .scrollPic .imgDust {
		-webkit-animation-name: unset !important;
		-webkit-animation-duration: unset !important;
		-webkit-animation-iteration-count: unset !important;
		animation-name: unset !important;
		animation-duration: unset !important;
		animation-iteration-count: unset !important;
	}

	.bgOverlay:nth-child(4) .scrollPic .imgDustFix {
		-webkit-animation-name: unset !important;
		-webkit-animation-duration: unset !important;
		-webkit-animation-iteration-count: unset !important;
		animation-name: unset !important;
		animation-duration: unset !important;
		animation-iteration-count: unset !important;
	}

	.bgOverlay:nth-child(4) .scrollPic .imgRumbble {
		-webkit-animation-name: unset !important;
		-webkit-animation-duration: unset !important;
		-webkit-animation-iteration-count: unset !important;
		animation-name: unset !important;
		animation-duration: unset !important;
		animation-iteration-count: unset !important;
	}

}

@supports(content-visibility: visible) {
	div.Slide.Preview {
		/*display: var(--hidden) !important;
		--showPreview: 0;*/
		opacity: 0.5;
	}
}

@supports(-webkit-content-visibility: visible) {
	div.Slide.Preview {
		/*display: var(--hidden) !important;
		--showPreview: 0;*/
		opacity: 0.5;
	}
}


/* all Devices whithout Touch*/

@supports(touch-action: auto) {
	@media screen and not (hover:none), screen and not (pointer:coarse) {
/*
@supports(touch-action: auto) {
	@media screen and (hover:none), screen and (pointer:coarse) {	*/	

		[alt="war"] {
			background-image: var(--imageWar);	
		}

		[alt="warcollage"] {
			background-image: unset !important;
			background-color: var(--warBlendYellow) !important;
			background-blend-mode: unset !important;	
		}

		.bgOverlay:nth-child(4) .scrollPic .imgBG {
			mask-image: var(--imageWarMask);
			mask-size: var(--scrollPicSize);
			mask-repeat:  var(--repeateBg);
			mask-position: center top;
			-webkit-mask-image: var(--imageWarMask);
			-webkit-mask-size: var(--scrollPicSize);
			-webkit-mask-repeat:  var(--repeateBg);
			-webkit-mask-position: center top;
			background-size: var(--scrollPicSize);
		}
		
		.bgOverlay:nth-child(4) .scrollPic .imgDust {
			mask-image: var(--imageDustMask2);
			mask-size: var(--scrollPicSize);
			mask-repeat: var(--repeateBg);
			mask-position: center top;
			-webkit-mask-image: var(--imageDustMask2);
			-webkit-mask-size: var(--scrollPicSize);
			-webkit-mask-repeat: var(--repeateBg);
			-webkit-mask-position: center top;
			background-size: var(--scrollPicSize);

			animation-name: aniDust;
			animation-duration: 2.5s;
			animation-iteration-count: infinite;
			-webkit-animation-name: aniDustWK;
			-webkit-animation-duration: 2.5s;
			-webkit-animation-iteration-count: infinite;
		}

		.bgOverlay:nth-child(4) .scrollPic .imgDustFix {
			mask-image: var(--imageDustMask);
			mask-size: var(--scrollPicSize);
			mask-repeat: var(--repeateBg);
			mask-position: center top;
			-webkit-mask-image: var(--imageDustMask);
			-webkit-mask-size: var(--scrollPicSize);
			-webkit-mask-repeat: var(--repeateBg);
			-webkit-mask-position: center top;
			background-size: var(--scrollPicSize);

			animation-name: aniFlame;
			/*animation-duration: 1.5s; */
			animation-duration: 75ms;
			animation-iteration-count: infinite;
			animation-direction: reverse;
			animation-delay: 250ms;
			-webkit-animation-name: aniFlameWK;
			/*-webkit-animation-duration: 1.5s; */
			-webkit-animation-duration: 75ms; 
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: reverse;
			-webkit-animation-delay: 250ms;
		}


		.bgOverlay:nth-child(4) .scrollPic .imgFlame {
			background-image: var(--imageWar_o);
			mask-image: var(--imageFlameMask);
			mask-size: var(--scrollPicSize);
			mask-repeat: var(--repeateBg);
			mask-position: center top;
			-webkit-mask-image: var(--imageFlameMask);
			-webkit-mask-size: var(--scrollPicSize);
			-webkit-mask-repeat: var(--repeateBg);
			-webkit-mask-position: center top;

			animation-name: aniFlame;
			/*animation-duration: 1.5s; */
			animation-duration: 75ms;
			animation-iteration-count: infinite;
			animation-direction: reverse;
			animation-delay: 250ms;
			-webkit-animation-name: aniFlameWK;
			/*-webkit-animation-duration: 1.5s; */
			-webkit-animation-duration: 75ms; 
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: reverse;
			-webkit-animation-delay: 250ms;
		}

		.bgOverlay:nth-child(4) .scrollPic .imgMiddle {
			mask-image: var(--imageMiddleMask);
			mask-size: var(--scrollPicSize);
			mask-repeat: var(--repeateBg);
			mask-position: center top;
			-webkit-mask-image: var(--imageMiddleMask);
			-webkit-mask-size: var(--scrollPicSize);
			-webkit-mask-repeat: var(--repeateBg);
			-webkit-mask-position: center top;
			background-size: var(--scrollPicSize);
		}

		.bgOverlay:nth-child(4) .scrollPic .imgFG {
			mask-image: var(--scrollPicImage4Foreground);
			mask-size: var(--scrollPicSize);
			mask-repeat:  var(--repeateBg);
			mask-position: center top;
			-webkit-mask-image: var(--scrollPicImage4Foreground);
			-webkit-mask-size: var(--scrollPicSize);
			-webkit-mask-repeat:  var(--repeateBg);
			-webkit-mask-position: center top;
			background-size: var(--scrollPicSize);
		}

		.bgOverlay:nth-child(4) .scrollPic .imgRubble {
			background-image: var(--scrollPicImage4);
			mask-image: var(--imageRubbleMask);
			mask-size: var(--scrollPicSize);
			mask-repeat: var(--repeateBg);
			mask-position: center top;
			-webkit-mask-image: var(--imageRubbleMask);
			-webkit-mask-size: var(--scrollPicSize);
			-webkit-mask-repeat: var(--repeateBg);
			-webkit-mask-position: center top;
		}

		#explainEnd:hover .imgFlame, #explainEnd:target .imgFlame{
			animation-name: aniFlame_hover;
			-webkit-animation-name: aniFlameWK_hover;
		}

		#explainEnd:hover .imgDust, #explainEnd:target .imgDust{
			animation-name: aniDust_hover;
			-webkit-animation-name: aniDustWK_hover;
		}

		
		body #Main:not(:hover,:active,:focus) :is(.naviBG) {
			visibility: hidden !important;
		}

	}

}

/*-------------------------- for Touchdevices ---------------------------------------------------------------------------------------------------------*/
@supports(touch-action: auto) {
	@media screen and (hover:none), screen and (pointer:coarse) {
		:root {
			--headerH1: "Willkommen bei C`Movie dem Hoffnungsportal";
			--headerH1Small: "C`Movie das Hoffnungsportal";
			--headerH1XSmall: "C`Movie gibt Hoffnung";
			--headerH1XXSmall: "Hoffnungsportal";
			--headerH3: "Der Gegenpol zu Chaos und Panik seitens der Medien und Politik";
			--headerH3Small: "Der Gegenpol zu Chaos und Panik";
			--headerH3XSmall: "Stoppe Chaos und Panik";

			--displayNone: none;
			/*--displayBlock: -webkit-box;
			--displayInlineBlock: -webkit-inline-box;
			--displayInline: -webkit-inline;
			--displayInlineFlex: -weblkit-inline-flex;
			--displayFlex: -webkit-flex;	*/	
		}

		#topMenu {
			width: var(--menuTopWidth);
			left: calc(0rem - var(--menuTopWidth));
			-webkit-transition: var(--transitionFast);
			transition: var(--transitionFast);
		}

		.containerIcon:is(:active,:target,:focus,:focus-within,:focus-visible,:hover,:visited) ~  #topMenu{
			left: 0rem;
		}

		#topMenu:has(li :is(:active,:target,:focus,:focus-within,:focus-visible,:hover,:visited)) {
			left: 0rem;
		}

		#topMenu li:hover > ul{
			height:auto;
			display:var(--displayInlineBlock);
			margin: var(--centerMargin) var(--noMarginPadding);
			padding-top: 1em;
			padding-right: 1em;
			position: var(--posRelative);
			width: max-content;
			color: var(--lightColor);
			user-select: var(--userSelect);
			-webkit-user-select: var(--userSelect);
			-moz-user-select: var(--userSelect);
			z-index: 150;
		
		}
		
		nav:hover, #topMenu:hover {
			background-color: var(--colorDrkGrey);
			box-shadow: var(--menuShadow);
			backdrop-filter: var(--bgBlur);
			-webkit-backdrop-filter: var(--bgBlur);
			max-height: unset;
		}

		nav#topMenu:hover > ul {
			margin: var(--noMarginPadding);
			visibility: var(--show);
			height: auto;
			background-color: var(--blueTransparent);
			box-shadow: var(--boxShadow);
			user-select: var(--userSelect);
			-webkit-user-select: var(--userSelect);
			-moz-user-select: var(--userSelect);

		}

		nav#topMenu li:hover {
			text-shadow: var(--fontShadow);
			user-select: var(--userSelect);
			-webkit-user-select: var(--userSelect);
			-moz-user-select: var(--userSelect); 
		}

		nav#topMenu > ul > li:hover {
			background-color: rgba(0,0,0,.5);
			border-radius: 0px !important;
		}

		nav#topMenu > ul > li > ul:hover {
			display: var(--displayInlineBlock);
			visibility: var(--show);
		}

		nav#topMenu > ul > li:hover > ul{
			visibility: var(--show) !important;
			height:auto;
			display:var(--displayInlineBlock);
			margin: var(--centerMargin) var(--noMarginPadding);
			position: var(--posRelative);
			color: var(--lightColor);
			user-select: var(--userSelect);
			-webkit-user-select: var(--userSelect);
			-moz-user-select: var(--userSelect);
			z-index: 150;
		}

		#topM:hover {
			display: var(--displayInlineBlock);
			visibility: var(--show);
		}

		#topMenu:has(> ul:hover) {
			background-color: var(--colorDrkGrey);
			box-shadow: var(--menuShadow);
			backdrop-filter: var(--bgBlur);
			-webkit-backdrop-filter: var(--bgBlur);
			max-height: unset;
		}

		#topMenu:has(> ul:hover) > ul {
			background-color: var(--blueTransparent);
			height: max-content;
		}

		nav#topMenu > ul > li:hover > ul {
			padding-top: 1em;
		}

		nav#topMenu > ul > li:hover {
			display: var(--displayInlineBlock);
			visibility: var(--show);
		}

		.container.y #explainEnd {
			background-color: var(--warBlendBlue);
		}

		[alt="war"]:not(:first-child), [alt="war"]:first-child {
			background-image: unset !important;
			mask-image: unset !important;
			-webkit-mask-image: unset !important;
			display: var(--displayNone) !important;

		}
		
		[alt="warcollage"] {
			background-image: var(--imageWar_o) !important;
		}

		#explainEnd:hover .containerOverlay, #explainEnd:target .containerOverlay {
			background-color: transparent;
		}

		:is(#impressum, #datenschutz, #haftung, #Screen) .Info {
			top: calc(var(--calcHeaderMinHeight) + 0.5rem) !important;
		}

	}
}


/* only Touch and more than 128dpi (min-resolution: 128dpi)*/
@media screen and (hover: none) and (max-width: 480px), screen and (pointer:coarse) and (max-width: 480px){
	
	#topMenu {
		top: calc(2.5rem + var(--menuTopTop)) !important;
		padding: 0;
		margin: var(--noMarginPadding) !important;
		width: 90vw;
		left: -90vw;
		text-shadow: none;
		cursor: pointer;
		-webkit-transition: var(--transitionFast);
		transition: var(--transitionFast);
		z-index: 152;
	}

	.containerIcon:is(:active,:target,:focus,:focus-within,:focus-visible,:hover,:visited) ~  #topMenu{
		top: calc(2.5rem + var(--menuTopTop)) !important;
		padding: 0.5em;
		margin: var(--noMarginPadding) !important;
		left: 0rem;
		z-index: 152;
	}

	#topMenu:has(li :is(:active,:target,:focus,:focus-within,:focus-visible,:hover,:visited)) {
		top: calc(2.5rem + var(--menuTopTop)) !important;
		padding: 0.5em;
		margin: var(--noMarginPadding) !important;
		left: 0rem;
		z-index: 152;
	}

	#topMenu > ul {
		width: calc(90vw - 1em) !important;
		margin: var(--noMarginPadding);
		margin-bottom: 0.25em; 
		visibility: visible; 
		height: 1.2em;
		display: var(--displayBlock);
		list-style-type: none;
		padding: 0.25em var(--noMarginPadding);
		border-radius: var(--borderRadius);
		-webkit-overflow-x: var(--overflowCut);
		-moz-overflow-x: var(--overflowCut);
		-ms-overflow-x: var(--overflowCut);
		user-select: var(--userSelect);
		-webkit-user-select: var(--userSelect);
		-moz-user-select: var(--userSelect);
		position: relative;
		z-index: 150;
		-webkit-transition: var(--transitionFast);
		transition: var(--transitionFast);
	}

	nav#topMenu > ul > li:is(:active,:target,:focus,:focus-within,:focus-visible,:hover) > ul {
		padding-top: 0em;
	}

	nav#topMenu > ul > li > ul > li {
		margin-left: unset;
		padding-left: 7em;
	}
	
	header h1::before {
		content: var(--headerH1XXSmall) !important;
		font-size: 16pt;
	}

	header h3::before {
		content: var(--headerH3XXSmall) !important;
		font-size: 12pt;
	}
	
	.headerText {
		text-align: right;
		padding-right: 0.5em;
	}

	header {
		background-position-x: 3.2em , 0em;
		background-position-y: 1.8em, 0em;
		background-size: 20%, auto;
	}

}

@media screen and (max-width: 34em) {

	header h1::before {
		content: var(--headerH1XXSmall) !important;
	}

	header h3::before {
		content: var(--headerH3XXSmall) !important;
	}
}

@media screen and (min-width: 34em) and (max-width: 53em) {

	header h1::before {
		content: var(--headerH1XSmall) !important;
	}

	header h3::before {
		content: var(--headerH3XSmall) !important;
	}

}

@media screen and (min-width: 53em) {

	header h1::before {
		content: var(--headerH1) !important;
	}

	header h3::before {
		content: var(--headerH3) !important;
	}

}

@media screen and (max-width: 34em) and (orientation: landscape) {

	header h1::before {
		content: var(--headerH1Small) !important;
	}

	header h3::before {
		content: var(--headerH3Small) !important;
	}
}

@media screen and (min-width: 34em) and (max-width: 53em) and (orientation: landscape){

	header h1::before {
		content: var(--headerH1) !important;
	}

	header h3::before {
		content: var(--headerH3) !important;
	}

}

@media screen and (min-width: 53em) and (orientation: landscape) {

	header h1::before {
		content: var(--headerH1) !important;
	}

	header h3::before {
		content: var(--headerH3) !important;
	}

}


@media screen and (max-aspect-ratio:16/9) and (orientation: landscape) {

	:root{
		--calcSlideMaxWidth: 100vw;
		--calcSlideMinWidth: 75vw;
		--calcSlideMaxHeight: 56.25vw;
		--calcSlideMinHeight: calc(56.25vw * 0.75);
		--calcBGMaxHeight: 100vh;
		--calcBGMaxWidth: 100vw;
		--bgSlideColor: orange;
		--setCalcMinHeaderFactor: 4;
		--setCalcMaxHeaderFactor: 9.5;
		--setCalcHeaderFactor: var(--setCalcMinHeaderFactor); 
		--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcHeaderFactor)); 
	}

	.scrollPic:nth-child(3) {
		background-image: var(--scrollPicImage3);
		background-size: var(--scrollPicSize);
		background-repeat: var(--repeateBg);
		background-position: bottom;
		user-select: var(--userSelect);
		-webkit-user-select: var(--userSelect);
		-moz-user-select: var(--userSelect);
		height: calc(var(--calcSlideMaxHeight) + var(--calcHeaderHeight)) !important;
		z-index: 10 !important;
	}

	#explainStart {
		max-height: calc(var(--calcBGHeight) * 3);
		/*overflow-x: var(--defaultValue) !important;
		overflow-y: var(--overflowOverlay);*/
	}
}

@media screen and (orientation: portrait) { 
	:root{
		--calcSlideMaxWidth: 100vw;
		--calcSlideMinWidth: 75vw;
		--calcSlideMaxHeight: 56.25vw;
		--calcSlideMinHeight: calc(56.25vw * 0.75);
		--calcBGMaxHeight: 100vh;
		--calcBGMaxWidth: 100vw;
		--bgSlideColor: green;
		--setCalcMinHeaderFactor: 4;
		--setCalcMaxHeaderFactor: 9.5;
		--setCalcHeaderFactor: var(--setCalcMinHeaderFactor); 
		--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcHeaderFactor)); 
	}

	.scrollPic:nth-child(3) {
		background-image: var(--scrollPicImage3);
		background-size: var(--scrollPicSize);
		background-repeat: var(--repeateBg);
		background-position: bottom;
		user-select: var(--userSelect);
		-webkit-user-select: var(--userSelect);
		-moz-user-select: var(--userSelect);
		height: calc(var(--calcSlideMaxHeight) + var(--calcHeaderHeight)) !important;
		z-index: 10 !important;
	}

	#explainStart {
		max-height: calc(var(--calcBGHeight) * 3);
		/*overflow-x: var(--defaultValue) !important;
		overflow-y: var(--overflowOverlay);*/
	}

	.bgOverlay:nth-child(3) .scrollOverlay {
		top: calc(0px - (var(--calcSlideMaxHeight) + 5.5vmin));
	}

	.bgOverlay:nth-child(3) .scrollPic {
		background-image: linear-gradient(180deg,transparent, transparent, transparent, var(--warBlendYellow), var(--warBlendYellow) );
		background-size: var(--scrollPicSize);
		background-repeat: var(--repeateBg);
		background-position: center bottom;
		user-select: var(--userSelect);
		height: calc(var(--calcSlideMaxHeight) + 7.5vmin);
		z-index: 10 !important;
	}

	.bgOverlay:nth-child(3) .containerOverlay {
		max-height: var(--screenHeight);
		height: calc(var(--calcSlideMaxHeight) + 7.5vmin);
		overflow: var(--overflowHidden);
		z-index: 10;
	}

	div#slideshowStart {
		height: calc(var(--calcSlideMaxHeight) + 7.5vmin);
	}

	#NaviDown {
		--naviTop: calc(var(--calcHeaderMinHeight) + 0.05rem) !important;
		top: var(--naviTop);
		right: 0.75em;
	}

	.containerIcon {
		width: 2em;
	}
}

@media screen and (min-aspect-ratio: 16/9) and (orientation: landscape) {
	:root{
		--calcSlideMaxWidth: calc( 100vh / 9 * 16);
		--calcSlideMinWidth: calc( 75vh / 9 * 16);
		--calcSlideMaxHeight: 100vh;
		--calcSlideMinHeight: 75vh;
		--calcBGMaxHeight: 100vh;
		--calcBGMaxWidth: 100vw;
		--bgSlideColor: red;
		--setCalcMinHeaderFactor: 4;
		--setCalcMaxHeaderFactor: 9.5;
		--setCalcHeaderFactor: var(--setCalcMinHeaderFactor); 
		--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcHeaderFactor)); 
	}
	
	header {
	    height: var(--setCalcMinHeaderFactor);
	}
	
	header:hover {
	    height: var(--setCalcMaxHeaderFactor);
	}

}

@media screen and (max-width: 550px) and (min-width:30em ) {
	:root {
		--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcHeaderFactor));
	}

}

@media screen and (min-width: 550px) and (max-width: 1024px) {
	:root {
		--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcHeaderFactor));
	}

}

 @media screen and (min-width: 1024px) and (min-width: 65em) {
	:root {
		--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcHeaderFactor));
		
	}

}

@media screen and (max-height: 428.4px)  {
	:root {
		--setCalcMinHeaderFactor: 4;
		--setCalcMaxHeaderFactor: 9.5;
		--setCalcHeaderFactor: var(--setCalcMinHeaderFactor);
		--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcHeaderFactor));
	}
}


@media screen and (min-height: 428.4px) and (max-height: 720px) {
	:root {
		--setCalcMinHeaderFactor: 4;
		--setCalcMaxHeaderFactor: 9.5;
		--setCalcHeaderFactor: var(--setCalcMaxHeaderFactor);
		--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcHeaderFactor));
	}
}

@media screen and (min-height: 720px) and (max-height: 856px) {
	:root {
		--setCalcMinHeaderFactor: 4;
		--setCalcMaxHeaderFactor: 9.5;
		--setCalcHeaderFactor: var(--setCalcMinHeaderFactor);
		--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcHeaderFactor));
	}
}

@media screen and (max-height: 856px) and (orientation: portrait) {
	.containerSlider a.Navi {
		width: 40px;
		height: 40px;
		bottom: calc( var(--calcSlideHeight) * 0.5 - 20px)  !important;
		text-decoration: none !important;
		aspect-ratio: var(--aspectRatioCircle)  !important;
	}

	.dot {
		height: calc(0.9vw * var(--setCalcFactor));
		width: calc(0.9vw * var(--setCalcFactor));
		margin: 0.075rem calc(0.075vw * var(--setCalcFactor));
	}

	.dotBackground {
		padding: 0px calc(0.1575em);
	}
	
	.dotContainer {
		bottom: var(--calcLogoHeight)  !important;
		height: 1em !important;
	}
}

@media screen and (min-height: 856px) and (max-height: 1080px) {
	:root {
		--setCalcMinHeaderFactor: 4;
		--setCalcMaxHeaderFactor: 9.5;
		--setCalcHeaderFactor: var(--setCalcMaxHeaderFactor);
		--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcHeaderFactor));
	}
}

@media screen and (min-height: 1080px) and (max-height: 1285.2px) {
	:root {
		--setCalcMinHeaderFactor: 4;
		--setCalcMaxHeaderFactor: 9.5;
		--setCalcHeaderFactor: var(--setCalcMinHeaderFactor);
		--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcHeaderFactor));
	}
}

@media screen and (min-height: 1285.2px) {
	:root {
		--setCalcMinHeaderFactor: 4;
		--setCalcMaxHeaderFactor: 9.5;
		--setCalcHeaderFactor: var(--setCalcMaxHeaderFactor);
		--calcHeaderHeight: calc( var(--fontSize) * var(--setCalcHeaderFactor));
	}
}




@media screen and (orientation: landscape) and (min-resolution: 192dpi) {

	:root {
		
	}
}

/*Ipad Portrait */
@media screen and (orientation: portrait) and (min-resolution: 192dpi) {

	:root {

	}

	.scrollPic:nth-child(3) {
		background-image: var(--scrollPicImage3);
		background-size: var(--scrollPicSize);
		background-repeat: var(--repeateBg);
		background-position: bottom;
		user-select: var(--userSelect);
		-webkit-user-select: var(--userSelect);
		-moz-user-select: var(--userSelect);
		height: calc(var(--calcSlideMaxHeight) + var(--calcHeaderHeight)) !important;
		z-index: 10 !important;
	}

	#explainStart {
		max-height: calc(var(--calcBGHeight) * 3);
		/*overflow-x: var(--defaultValue) !important;
		overflow-y: var(--overflowOverlay);*/
	}
	
	header {
	/*	background-image: var(--headerBGImageSmall);
		background-color: var(--colorDrkGrey);
		background-repeat: var(--bgRepeate);
		backdrop-filter: var(--bgBlur);
		-webkit-backdrop-filter: var(--bgBlur);
		background-size: var(--headerBGSize);
		color: var(--colorLgtGrey);
		background-position-x: var(--headerBGPosX);
		background-position-y: var(--headerBGPosY);
		height: var(--calcHeaderHeight);*/
	}

	header h1{
		margin-block-end: 0em !important;
	}

	#topMenu {
		top: calc(2.5rem + var(--menuTopTop)) !important;
	}

	.iconText {
		display: var(--hidden);
	}

	#NaviDown {
		--naviTop: calc(var(--calcHeaderMinHeight) + 0.05rem) !important;
		top: var(--naviTop);
		right: 0.75em;
	}

	.scrollPic .img{
		display: box !important;
		margin: var(--noMarginPadding);
		padding: var(--noMarginPadding);
		background-repeat: var(--repeateBg);
		z-index: 10 !important;
	}

	figure.image {
		overflow-x: var(--overflowClip) !important;
		height: inherit;
		width: var(--screenWide) !important;
		/*border: 2px solid #eeee00; */
		padding: var(--noMarginPadding);
		margin: var(--noMarginPadding);
		transform: translateZ(-1px);
	}
	
	.Slideshow {
		
	}

	.container.x .Title {
		/*top: unset !important;
		bottom: calc( var(--calcSlideHeight) * 1.24 + 3px) !important;
		font-size: var(--titleFontSize) !important; */
	}

	.containerSlider:is(:hover,:active,:focus) .container.x .Title {
		/*bottom: calc( var(--calcSlideHeight) * 1.2) !important;
		font-size: var(--titleFontSize) !important;*/
	}

	.dotContainer {
		top: unset !important;
		display: var(--displayBlock) !important;
	}

	.containerSlider:is(:hover,:active,:focus) .dotContainer{
		top: unset !important;
		display: var(--displayBlock) !important;
	}

	.containerSlider:is(:hover,:active,:focus) .channelLogo {
		bottom: 0px !important;
		/*display: var(--displayBlock) !important; */
	}

	.txt{
		font-size: 3em;
		line-height: 1;
		top: 4em;
		position: relative;
		display: var(--displayInline);
	}
}

/* Phone Portrait*/
@media screen and (min-height: 600px) and (max-width: 668px) and (orientation: portrait) and (min-resolution: 192dpi)  {

}

@media screen and (min-width: 600px) and (max-height: 668px) and (orientation: landscape)  {

}

/* Window PC Landscapemode 16:9 */

@media screen and (min-width:1280px) and (max-width: 1920px) and (min-height: 720px) and (max-height: 1080px) and (orientation: landscape) and (max-resolution: 192dpi)   {
	header {
		background-position-x: var(--headerBGPosXBig);
        	height: var(--headerHeightLarge);
	}
}


@media screen and (min-width:689px) and (max-width: 1280px) and (min-height: 720px) and (max-height: 1080px) and (orientation: landscape) and (max-resolution: 192dpi)   {
	header {
		background-position-x: 2.5%;
        	height: var(--headerHeightLarge);
	}
	
	#topMenu {
		top: calc(2.5rem + var(--menuTopTop)) !important;
		border-radius: var(--borderRadius);
	}

}