/* scroll-title.css */
.scroll-title {
    opacity: 0;
    transform: translateX(calc(100vw - 10%)); /* Start volledig buiten beeld */
    transition: transform 2s ease-out, opacity 2s ease-out;
    white-space: nowrap;
    display: inline-block;
	font-size:180px;
}

.scroll-title.in-view {
    opacity: 1;
    transform: translateX(calc(10vw)); /* Beweeg naar een veilige positie */
}

/* Reset naar links als de gebruiker terug naar boven scrollt */
.scroll-title.reset-left {
    transform: translateX(0) !important;
}

@media (max-width: 768px) {
    .scroll-title {
        transform: translateX(calc(100vw - 5%));
    }

    .scroll-title.in-view {
        transform: translateX(calc(5vw));
    }
}