/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jun 17 2026 | 11:03:52 */
/**
 * DREILINDEN SWAP — cross-fade two elements at 50% page scroll
 *
 * Markup:  .swap-1  (visible first)  →  .swap-2  (appears after 50%)
 * The JS toggles the .dl-swap-hidden class; CSS handles the fade.
 */

/* Optional wrapper: stacks both spans in the same spot for a true cross-fade.
   Remove if you want them to sit in normal flow instead. */
.dl-swap {
    position: relative;
    display: inline-grid;
}
.dl-swap > .swap-1,
.dl-swap > .swap-2 {
    grid-area: 1 / 1; /* overlap in the same cell */
}

/* Fade transition for both halves */
.swap-1,
.swap-2 {
    transition: opacity 0.6s ease;
    will-change: opacity;
}

/* State applied by the script.
   swap-2 carries this class in the markup so it starts hidden with no
   flash; the JS removes it once the page passes the swap point. */
.dl-swap-hidden {
    opacity: 0;
    pointer-events: none;
}