/** @format */

@charset "utf-8";

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);
        overflow-x: 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;
}

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'] {
        position: var(--posRelative) !important;
        display: var(--bibleTextImageDisplay);
        display: var(--bibleTextImageDisplay);
        box-shadow: var(--bibleImageShadow) !important;
        background-image: var(--imageBibleServer);
        content: var(--imageBibleServer);
        height: 1em;
        top: 0.25em;
        border-radius: 0 0.25em 0 0.25em;
}

/*
        [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'],
.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='Outdoor Chiemgau ytTitle1']::before {
        content: var(--videoYTTitle1);
}

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

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

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

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

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

[alt='Jörg Rinne ytTitle7']::before {
        content: var(--videoYTTitle7);
}

[alt='ICF Zürich ytTitle8']::before {
        content: var(--videoYTTitle8);
}

[alt='C`Movie ytTitle9']::before {
        content: var(--videoYTTitle9);
}

[alt='Victory Channel 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;
}

.modal :has(nav#topMenu:is(:active, :hover, :target, :focus, :focus-visible, :focus-within)) {
        display: var(--displayBlock);
}

#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);
        scroll-timeline-name: --scroll-axis;
}

.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);
        opacity: var(--txtBible);
        animation-play-state: var(--aniBible);
        -webkit-animation-play-state: var(--aniBible);
}

.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);
        }
}

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

.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: calc(var(--calcHeaderMaxHeight) - 0.5em) 0em 1.5em 0em !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: 0.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,
#mainSlideshow {
        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) * 1vw;
        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(.bibleText) {
        height: 30vw;
}

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

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);
        overflow-y: 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;
}

.containerOverlay :has(#Pos1:target, #Pos1:active, #Pos1:focus, #Pos1:focus-within, #Pos1:focus-visible, #Pos1:hover) #dotPos1 {
        background-color: var(--colorBlueDrk);
        box-shadow: var(--boxShadow);
        border: solid 1px #fff;
}

.containerOverlay :has(#Pos2:target, #Pos2:active, #Pos2:focus, #Pos2:focus-within, #Pos2:focus-visible, #Pos2:hover) #dotPos2 {
        background-color: var(--colorBlueDrk);
        box-shadow: var(--boxShadow);
        border: solid 1px #fff;
}

.containerOverlay :has(#Pos3:target, #Pos3:active, #Pos3:focus, #Pos3:focus-within, #Pos3:focus-visible, #Pos3:hover) #dotPos3 {
        background-color: var(--colorBlueDrk);
        box-shadow: var(--boxShadow);
        border: solid 1px #fff;
}

.containerOverlay :has(#Pos4:target, #Pos4:active, #Pos4:focus, #Pos4:focus-within, #Pos4:focus-visible, #Pos4:hover) #dotPos4 {
        background-color: var(--colorBlueDrk);
        box-shadow: var(--boxShadow);
        border: solid 1px #fff;
}

.containerOverlay :has(#Pos5:target, #Pos5:active, #Pos5:focus, #Pos5:focus-within, #Pos5:focus-visible, #Pos5:hover) #dotPos5 {
        background-color: var(--colorBlueDrk);
        box-shadow: var(--boxShadow);
        border: solid 1px #fff;
}

.containerOverlay :has(#Pos6:target, #Pos6:active, #Pos6:focus, #Pos6:focus-within, #Pos6:focus-visible, #Pos6:hover) #dotPos6 {
        background-color: var(--colorBlueDrk);
        box-shadow: var(--boxShadow);
        border: solid 1px #fff;
}

.containerOverlay :has(#Pos7:target, #Pos7:active, #Pos7:focus, #Pos7:focus-within, #Pos7:focus-visible, #Pos7:hover) #dotPos7 {
        background-color: var(--colorBlueDrk);
        box-shadow: var(--boxShadow);
        border: solid 1px #fff;
}

.containerOverlay :has(#Pos8:target, #Pos8:active, #Pos8:focus, #Pos8:focus-within, #Pos8:focus-visible, #Pos8:hover) #dotPos8 {
        background-color: var(--colorBlueDrk);
        box-shadow: var(--boxShadow);
        border: solid 1px #fff;
}

.containerOverlay :has(#Pos9:target, #Pos9:active, #Pos9:focus, #Pos9:focus-within, #Pos9:focus-visible, #Pos9:hover) #dotPos9 {
        background-color: var(--colorBlueDrk);
        box-shadow: var(--boxShadow);
        border: solid 1px #fff;
}

.containerOverlay :has(#Pos10:target, #Pos10:active, #Pos10:focus, #Pos10:focus-within, #Pos10:focus-visible, #Pos10:hover) #dotPos10 {
        background-color: var(--colorBlueDrk);
        box-shadow: var(--boxShadow);
        border: solid 1px #fff;
}

.containerOverlay :has(:hover, :active, :focus, :target) .dotContainer {
        width: var(--maxWidth);
        padding: 0.125em 0.25em;
        height: 24px !important;
}

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

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

.containerSlider:is(:hover, :active, :focus, :has(:target)) {
        --setCalcFactor: var(--setCalcMaxFactor, 1);
        transform: scale(var(--setCalcFactor));
        top: 0;
        left: 0;
        z-index: 200 !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;
}

figure.image[alt='warcollage'] div {
        background-image: var(--imageWar_o);
}

.bgOverlay:nth-child(3) .containerOverlay {
        aspect-ratio: 16 / 9;
        max-height: calc(var(--screenHeight) - 7.5vmin);
        height: calc(var(--calcSlideMaxHeight) - 7.5vmin);
        /* overflow: var(--overflowHidden); */
        z-index: 11;
}

#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;
        }
}

@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);
        }
}

@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);
        }
}

@keyframes aniDustWK {
        0% {
                -webkit-transform: scale(1) translate(0px, 0px) translateZ(0px);
                transform: scale(1) translate(0px, 0px) translateZ(0px);
                opacity: 1;
        }

        10% {
                -webkit-transform: scale(1) translate(0px, 0px) translateZ(0px);
                transform: scale(1) translate(0px, 0px) translateZ(0px);
                opacity: 1;
        }

        100% {
                -webkit-transform: scale(2.5) translate(246px, 0px) translateZ(0px);
                transform: scale(2.5) translate(246px, 0px) translateZ(0px);
                /*425*/
                opacity: 0;
        }
}

@keyframes aniDustWK_hover {
        0% {
                -webkit-transform: scale(1) translate(0px, 0px) translateZ(0px);
                transform: scale(1) translate(0px, 0px) translateZ(0px);
                opacity: 1;
        }

        10% {
                -webkit-transform: scale(1) translate(0px, 0px) translateZ(0px);
                transform: scale(1) translate(0px, 0px) translateZ(0px);
                opacity: 1;
        }

        100% {
                -webkit-transform: scale(2.5) translate(246px, 0px) translateZ(0px);
                transform: scale(2.5) translate(246px, 0px) translateZ(0px);
                opacity: 0;
        }
}

#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 {
        overflow: visible !important;
}

@supports not (animation-timeline: scroll()) {
        #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);
                z-index: -1;
        }

        #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;
                z-index: 2;
        }
}

@supports (animation-timeline: scroll()) {
        #explainStart figure.image {
                animation: aniVirus both linear;
                animation-range: 5vh 185vh;
                animation-duration: 1s;
                -webkit-animation-duration: 1s;
                animation-timeline: --scroll-axis;
                transition: var(--transitionXLong);
                perspective: var(--animiStopPerspective);
        }

        @keyframes aniVirus {
                0% {
                        perspective: var(--animiStopPerspective) !important;
                        -webkit-perspective: var(--animiStopPerspective) !important;
                        opacity: 1;
                        transform: translateZ(-1px);
                }

                35% {
                        perspective: var(--animiStartPerspective) !important;
                        -webkit-perspective: var(--animiStartPerspective) !important;
                        opacity: 0.7;
                }

                65% {
                        perspective: var(--animiStartPerspective) !important;
                        -webkit-perspective: var(--animiStartPerspective) !important;
                        opacity: 0.7;
                }

                100% {
                        perspective: var(--animiStopPerspective) !important;
                        -webkit-perspective: var(--animiStopPerspective) !important;
                        opacity: 0.3;
                }
        }

        @keyframes aniFade {
                0% {
                        opacity: 0.3;
                        z-index: -1 !important;
                }

                42% {
                        opacity: 1;
                        z-index: unset !important;
                }

                75% {
                        opacity: 1;
                        z-index: unset !important;
                }

                100% {
                        opacity: 0.3;
                        z-index: -1 !important;
                }
        }

        @keyframes aniFade1 {
                0% {
                        opacity: 0.3;
                        z-index: -2 !important;
                }

                65% {
                        opacity: 1;
                        z-index: unset !important;
                }

                100% {
                        opacity: 1;
                        z-index: unset !important;
                }
        }

        @keyframes aniFadeReverse {
                0% {
                        opacity: 1;
                }

                15% {
                        opacity: 0.3;
                }

                85% {
                        opacity: 0.3;
                }

                100% {
                        opacity: 1;
                }
        }

        #explainStart .Overlay,
        #explainStart .Overlay .ContentText {
                backdrop-filter: var(--bgBlur);
                -webkit-backdrop-filter: var(--bgBlur);
                animation: aniFade;
                animation-range: 10vh 190vh;
                -webkit-animation-duration: var(--transitionXLong);
                animation-duration: var(--transitionXLong);
                animation-timeline: --scroll-axis;
                animation-fill-mode: forwards;
        }

        #explainStart:hover figure.image:not(:hover, :active),
        #explainStart:target figure.image {
                opacity: 0.7;
        }

        #explainEnd .Overlay .ContentText cite {
                backdrop-filter: unset !important;
                -webkit-backdrop-filter: unset !important;
                animation: aniFade1;
                animation-range: 220vh 300vh;
                -webkit-animation-duration: var(--transitionXLong);
                animation-duration: var(--transitionXLong);
                animation-timeline: --scroll-axis;
                animation-fill-mode: forwards;
        }
}

.scrollOverlay {
        position: var(--posRelative);
        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);
}

::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);
}

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

.Content ::-webkitt-scrollbar {
        display: var(--displayNone);
}

.Content ::s-mox-crollbar {
        display: var(--displayNone);
}

@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;
        }
}

@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\Agibt 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;*/
        }
}