.kb26-content-view {
    overflow: visible;
    position: relative;
}

.kb26-content-view > :not(.kb26-illslines-block) {
    position: relative;
    z-index: 1;
}

.kb26-illslines-block {
    --illslines-left: calc(50% - 760px);
    --illslines-scale: .75;
    --illslines-top: 330px;
    display: none;
    left: var(--illslines-left);
    margin: auto;
    max-width: 1100px;
    pointer-events: none;
    position: absolute;
    top: var(--illslines-top);
    width: 450px;
    z-index: 0;
}

.kb26-illslines-block .illslines {
    height: 450px;
    pointer-events: none;
    position: absolute;
    right: 50%;
    top: -121px;
    transform: scale(var(--illslines-scale));
    transform-origin: 100% top;
    width: 450px;
}

.kb26-illslines-block .illslines .line {
    aspect-ratio: unset;
    height: auto;
    width: 450px;
}

.kb26-illslines-block .footsteps {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 450px;
}

.kb26-illslines-block .voetstap-links,
.kb26-illslines-block .voetstap-rechts {
    opacity: 0;
    position: absolute;
    right: -30px;
    top: 30px;
    transform: rotate(227deg);
    transition: opacity .3s ease;
    width: 20px;
}

.kb26-illslines-block .footstep {
    height: auto;
    opacity: 0;
    width: 40px;
}

.kb26-illslines-block .footstep.visible,
.kb26-illslines-block .footstep.is-visible {
    opacity: 1;
}

.kb26-illslines-block .illslines .footstep:nth-child(1) {
    right: -30px;
    top: -10px;
    transform: rotate(255deg);
}

.kb26-illslines-block .illslines .footstep:nth-child(2) {
    right: 80px;
    top: -40px;
}

.kb26-illslines-block .illslines .footstep:nth-child(3) {
    right: 110px;
    top: 60px;
    transform: rotate(221deg);
}

.kb26-illslines-block .illslines .footstep:nth-child(4) {
    right: 220px;
    top: 100px;
    transform: rotate(195deg);
}

.kb26-illslines-block .illslines .footstep:nth-child(5) {
    right: 190px;
    top: 220px;
    transform: rotate(175deg);
}

.kb26-illslines-block .illslines .footstep:nth-child(6) {
    right: 250px;
    top: 320px;
    transform: rotate(155deg);
}

.kb26-illslines-block .illslines .footstep:nth-child(7) {
    right: 175px;
    top: 410px;
    transform: rotate(-195deg);
}

.kb26-illslines-block .illslines .footstep:nth-child(8) {
    right: 230px;
    top: 520px;
    transform: rotate(165deg);
}

.kb26-illslines-block .illslines .footstep:nth-child(9) {
    right: 160px;
    top: 600px;
    transform: rotate(175deg);
}

.kb26-illslines-block .illslines .footstep:nth-child(10) {
    right: 240px;
    top: 710px;
    transform: rotate(181deg);
}

.kb26-illslines-block .illslines .footstep:nth-child(11) {
    right: 210px;
    top: 840px;
    transform: rotate(206deg);
}

.kb26-illslines-block .illslines .footstep:nth-child(12) {
    right: 330px;
    top: 900px;
    transform: rotate(215deg);
}

@media(min-width:576px){
    .kb26-illslines-block {
        --illslines-left: calc(50% - 545px);
        --illslines-scale: .48;
        --illslines-top: 380px;
        display: block;
    }
}

@media (min-width: 768px) {
    .kb26-illslines-block {
        --illslines-left: -140px;
        --illslines-scale: .98;
        --illslines-top: 380px;
    }
}

@media (min-width: 992px) {
    .kb26-illslines-block {
        --illslines-left: -100px;
        --illslines-scale: .92;
        --illslines-top: 350px;
    }
}

@media (min-width: 1200px) {
    .kb26-illslines-block {
        --illslines-left: -50px;
        --illslines-scale: .95;
        --illslines-top: 220px;
    }
}

@media (min-width: 1500px) {
    
}