.leiner-scroll-section {
    --leiner-sticky-top: 0px;
    --leiner-padding-x: clamp(30px, 5vw, 100px);
    --leiner-padding-top: clamp(75px, 11vh, 135px);
    --leiner-padding-bottom: clamp(35px, 6vh, 75px);
    --leiner-media-width: 58%;
    --leiner-copy-width: 42%;
    --leiner-background: #f3f1ec;
    position: relative;
    /*background: var(--leiner-background);*/
	background: #ffff;
}
@media (min-width: 960px) and (min-height: 700px) {
    .leiner-scroll-section.is-scroll-enabled {
        height: var(--leiner-section-height) !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
    }
    .leiner-scroll-section.is-scroll-enabled
    > .uk-grid {
        width: 100%;
        height: 100%;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
    .leiner-scroll-section.is-scroll-enabled
    > .uk-grid
    > .uk-width-1-1 {
        width: 100%;
        height: 100%;
        padding-left: 0 !important;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-stage {
        position: sticky;
        z-index: 1;
        top: var(--leiner-sticky-top);
        width: 100%;
        height: calc(
            100vh - var(--leiner-sticky-top)
        );
        height: calc(
            100svh - var(--leiner-sticky-top)
        );
        margin: 0 !important;
        overflow: hidden;
        isolation: isolate;
         /*background: var(--leiner-background);*/
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-stage
    > .leiner-scroll-slide {
        position: absolute !important;
        inset: 0;
        z-index: var(--leiner-slide-z, 1);
        display: grid !important;
        grid-template-columns:
            minmax(0, var(--leiner-media-width))
            minmax(0, var(--leiner-copy-width));
        grid-template-rows: 1fr;
        align-items: stretch;
        gap: clamp(40px, 6vw, 110px);
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        margin: 0 !important;
        padding:
            var(--leiner-padding-top)
            var(--leiner-padding-x)
            var(--leiner-padding-bottom) 0;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: none;
        transform: none !important;
        transition: none !important;
        background: transparent;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-stage
    > .leiner-scroll-slide.is-current {
        pointer-events: auto;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-slide
    > [class*="uk-width"] {
        width: auto !important;
        min-width: 0;
        padding-left: 0 !important;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-media {
        position: relative;
        grid-column: 1;
        grid-row: 1;
        align-self: stretch;
        width: 100%;
        height: 100%;
        overflow: visible;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        pointer-events: none;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-media
    > .uk-margin {
        position: absolute;
        top: 50%;
        left: 0;
        width: calc(
            100% - var(--leiner-media-inset, 0px)
        );
        height: clamp(440px, 70svh, 795px);
        margin: 0 !important;
        overflow: hidden;
        opacity: var(--leiner-media-opacity, 1);
        transform:
            translate3d(
                0,
                calc(
                    -50%
                    + var(--leiner-media-y, 0px)
                ),
                0
            )
            scale(
                var(--leiner-media-scale, 1)
            );
        transform-origin: left center;
        clip-path: polygon(
            0 0,
            100% 0,
            100% 100%,
            30px 100%,
            0 calc(100% - 30px)
        );
        transition: none !important;
        will-change:
            transform,
            width,
            opacity;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-media picture {
        display: block;
        width: 100%;
        height: 100%;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-media .el-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transform:
            translate3d(
                0,
                var(--leiner-image-y, 0px),
                0
            )
            scale(1.07);
        transition: none !important;
        will-change: transform;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy {
        position: relative;
        z-index: 100;
        grid-column: 2;
        grid-row: 1;
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        opacity: var(--leiner-copy-opacity, 0);
        transform:
            translate3d(
                0,
                var(--leiner-copy-y, 90px),
                0
            );
        transition: none !important;
        will-change:
            transform,
            opacity;
        touch-action: pan-y;
        overscroll-behavior: auto;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy
    > .uk-panel {
        width: 100%;
        max-width: 680px;
        max-height: none;
        overflow: visible;
        padding-right: 0;
        touch-action: pan-y;
        overscroll-behavior: auto;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy h2 {
        opacity: var(--leiner-title-opacity, 0);
        transform:
            translate3d(
                0,
                var(--leiner-title-y, 130px),
                0
            );
        clip-path: inset(
            0
            0
            var(--leiner-title-clip, 100%)
            0
        );
        transition: none !important;
        will-change:
            transform,
            opacity,
            clip-path;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy .el-meta,
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy .el-content,
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy .uk-button,
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy .uk-card,
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy .uk-text-center,
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy
    > .uk-panel
    > .uk-panel
    > h3 {
        opacity: var(--leiner-body-opacity, 0);
        transform:
            translate3d(
                0,
                var(--leiner-body-y, 55px),
                0
            );
        transition: none !important;
        will-change:
            transform,
            opacity;
    }
}
@media
    (min-width: 960px)
    and (min-height: 700px)
    and (max-height: 850px) {
    .leiner-scroll-section {
        --leiner-padding-top: 55px;
        --leiner-padding-bottom: 25px;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-media
    > .uk-margin {
        height: min(66svh, 630px);
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy
    > .uk-panel {
        max-height: none;
        overflow: visible;
        padding-right: 0;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy h2 {
        font-size: clamp(
            34px,
            3.4vw,
            58px
        );
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy {
        font-size: 14px;
    }
    .leiner-scroll-section.is-scroll-enabled
    .leiner-scroll-copy .uk-card {
        padding: 18px;
    }
}
body.admin-bar .leiner-scroll-section {
    --leiner-sticky-top: 32px;
}
@media (max-width: 959px), (max-height: 699px) {
    .leiner-scroll-section {
        height: auto !important;
    }
    .leiner-scroll-section
    .leiner-scroll-stage {
        position: relative;
        height: auto;
        overflow: visible;
    }
    .leiner-scroll-section
    .leiner-scroll-slide {
        position: relative !important;
        margin-top: 80px;
    }
    .leiner-scroll-section
    .leiner-scroll-slide:first-child {
        margin-top: 0;
    }
    .leiner-scroll-section
    .leiner-scroll-media picture,
    .leiner-scroll-section
    .leiner-scroll-media .el-image {
        width: 100%;
        height: auto;
    }
}
@media (prefers-reduced-motion: reduce) {
    .leiner-scroll-section *,
    .leiner-scroll-section *::before,
    .leiner-scroll-section *::after {
        animation: none !important;
        transition: none !important;
    }
}