/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 17 2026 | 11:00:48 */
/**
 * DREILINDEN SCROLL-DOWN
 *
 * .dl-scrolldown  — "scroll" label + bouncing chevron, visible until
 *                   the page is scrolled to the bottom.
 * .bottom-text    — fades in once the bottom is reached.
 *
 * The JS toggles .dl-is-hidden / .dl-is-visible; CSS handles the fade.
 */

/* ---------- SCROLL INDICATOR ---------- */
.dl-scrolldown {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4em;
    color: currentColor;          /* inherits text colour of its container */
    font-size: 0.85rem;
    letter-spacing: 0.15em;
    text-transform: lowercase;
    transition: opacity 0.5s ease;
    will-change: opacity;
}

.dl-scrolldown__chevron {
    width: 1.6em;
    height: auto;
    animation: dl-scroll-bounce 1.6s ease-in-out infinite;
}

@keyframes dl-scroll-bounce {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(0.35em); }
}

/* ---------- BOTTOM TEXT ---------- */
.bottom-text {
    opacity: 0;                   /* hidden until the bottom is reached */
    transition: opacity 0.6s ease;
    will-change: opacity;
    text-align: center;
}

.bottom-text__logo {
    display: block;
    margin: 0 auto 1em;
    height: auto;
}

/* ---------- STATES (set by the script) ---------- */
.dl-is-hidden {
    opacity: 0;
    pointer-events: none;
}
.dl-is-visible {
    opacity: 1;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
    .dl-scrolldown__chevron { animation: none; }
}