/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 04 2025 | 07:20:26 */
/* Infinite Slider -Start- */

.ne-inf-wrapper {
    max-height: 700px;
}


.ne-inf-container.forward-slide {
    animation: 30s forward infinite linear;
}

.ne-inf-container.backward-slide {
    animation: 30s backward infinite linear;
}

.ne-inf-container.forward-slide-tests {
    animation: 22.5s forwardTests infinite linear;
}

.ne-inf-container.backward-slide-tests {
    animation: 22.5s backwardTests infinite linear;
}

.ne-inf-container-item {
    max-height: 350px;
    min-height: 350px;
    margin-bottom: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 20px -3px #00000030;
    overflow: hidden;
	background: #fff;
    
    
}

.ne-inf-item-img {
    height: 100%;
    
}

.ne-inf-container-item img {
    aspect-ratio: 1/1;

    object-fit: cover;
    border-radius: 12px;
    

}

@keyframes forward {
    0% {
        transform: translateY(0);
    }
    
    100% {
       transform: translateY(calc((-350px - 20px) * 4)); 
    }
}

@keyframes backward {
    0% {
        transform: translateY(0);
    }
    
    100% {
       transform: translateY(calc((350px + 20px) * 4));
    }
}

@keyframes forwardTests {
    0% {
        transform: translateY(0);
    }
    
    100% {
       transform: translateY(calc((-350px - 20px) * 3)); 
    }
}

@keyframes backwardTests {
    100% {
        transform: translateY(0);
    }
    
    0% {
       transform: translateY(calc((-350px - 20px) * 3));
    }
}

/* Infinite Slider -Ende- */

/* Zeitstrahl -Start- */

.ne-history-line::before {
    content: "";
    width: 3.5px;
    height: 100%;
    background: #3B716E80;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
}

.ne-history-line::after {
    content: "";
    position: absolute;
    top:0;
    left: 50%;
    transform: translateX(-50%);
    width: 27px;
    height: 27px;
    background: #395957;
    border-radius: 100%;
    opacity: 1;
}

/* Zeitstrahl - Ende- */

/* Experten Akkordion -Start- */

.ne-about-experts {
	display: flex;
    flex-direction: column;
}

.__image-wrapper {
	display: grid;
    grid-template-columns: repeat(6, 1fr);
	max-width: 1150px;
	min-height: 300px;
	width: 100%;
	margin: 0 auto;
}

.__image-container {
	aspect-ratio: 1/1;
	align-self: end;
	overflow: hidden;
	margin-right: 20px;
	width: calc((1150px - 5 * 20px) / 6);
	transition: width 0.7s ease;
	
	
	img {
		filter: grayscale(1);
		transition: filter 0.7s ease;
	}
}

.__image-container.active {
	width: 300px;
	
	img {
		filter: grayscale(0);
	}
}

.__content-container {
	display: none;
	opacity: 0;
	transition: opacity 0.7s ease;
}

.__content-container.active {
	display: block;
	opacity: 1;
}

/* Experten Akkordion -Ende- */

