/* Wrapper für Positionierung */
.sj-scrolldown-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 20px;
}

/* Der eigentliche Container für Lottie */
#sj-scroll-icon {
    width: 40px;        /* Größe anpassen */
    height: 40px;
    display: inline-block;
    filter: brightness(0) invert(1); /* macht das Lottie-SVG weiß */
    opacity: 0.8;
}

/* Optional: Hover Effekt */
#sj-scroll-icon:hover {
    opacity: 1;
    transform: translateY(2px);
    transition: 0.2s ease;
}






.sj-fullscreen-zoom {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.sj-zoom-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transform: scale(1); /* Start */
    will-change: transform;
}







/* WRAPPER FIX */
#sj-horizontal-wrapper {
    height: 100vh !important;
    min-height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;

    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* ROW FIX – KEIN WRAP! KEIN NEGATIVES MARGIN! */
#sj-horizontal-wrapper > .fusion-row {
    display: flex !important;
    flex-wrap: nowrap !important;

    width: auto !important;
    max-width: unset !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* PANELS */
.sj-panel {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;

    flex-shrink: 0 !important;
}