/* Scroll-Reveal: Stärke und Tempo zentral (--kvi-reveal-*) */

/* Textseiten: absatzweise – strengerer Trigger, kein Batch-Stagger */
:root {
    --kvi-reveal-offset: 22px;
    --kvi-reveal-duration: 1.0s;
    --kvi-reveal-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --kvi-reveal-stagger: 0ms;
    --kvi-reveal-root-margin: 0px 0px -22% 0px;
    --kvi-reveal-threshold: 0.2;
}

/* Isotope-Seiten (Aktuell, Publikation) */
body.kvi-reveal-isotope {
    --kvi-reveal-offset: 22px;
    --kvi-reveal-duration: 1.0s;
    --kvi-reveal-easing: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --kvi-reveal-stagger: 40ms;
    --kvi-reveal-root-margin: 0px 0px -24px 0px;
    --kvi-reveal-threshold: 0.2;
}

#content #mainContent .kvi-reveal {
    opacity: 0;
    transform: translateX(calc(-1 * var(--kvi-reveal-offset)));
    pointer-events: none;
    transition:
        opacity var(--kvi-reveal-duration) ease-out,
        transform var(--kvi-reveal-duration) var(--kvi-reveal-easing);
}

#content #mainContent .kvi-reveal.kvi-reveal-visible {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

/* Bilder: gleiche Dauer, nur Einblenden (ohne seitlichen Slide) */
#content #mainContent .kvi-reveal.kvi-reveal--fade {
    transform: none;
}

#content #mainContent .kvi-reveal.kvi-reveal--fade.kvi-reveal-visible {
    transform: none;
}

#content #mainContent .kvi-reveal.kvi-reveal--reset {
    transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
    #content #mainContent .kvi-reveal {
        opacity: 1;
        transform: none;
        transition: none;
        pointer-events: auto;
    }
}

/* spp: schnellerer Slide-in, früherer Trigger (lange Absätze) */
@media screen and (max-width: 767px) and (orientation: portrait) {
    :root {
        --kvi-reveal-duration: 0.8s;
        --kvi-reveal-offset: 16px;
        --kvi-reveal-root-margin: 0px 0px -8% 0px;
        --kvi-reveal-threshold: 0.12;
    }

    body.kvi-reveal-isotope {
        --kvi-reveal-duration: 0.8s;
        --kvi-reveal-offset: 16px;
        --kvi-reveal-root-margin: 0px 0px -10% 0px;
        --kvi-reveal-threshold: 0.1;
        --kvi-reveal-stagger: 24ms;
    }
}