@view-transition {
  navigation: auto;
}
/*Text rotator Hero homepage*/
.text-rotator {
  white-space: nowrap;
  opacity: 1;
  /* the transition durations should match the animation durations */
  transition: opacity 0.5s ease, width 0.5s ease-in-out;
  display: inline-block;
}
.text-rotator.fade-out {
  opacity: 0;
}
@media only screen and (min-width: 1025px) { 
  .output h2 {
	font-size:2.5rem;
  line-height:90%;
	}
}
@media only screen and (max-width: 1024px) { 
  .output h2 {
	font-size:6vw;
  line-height:120%;
	}
}
/*Rotating image animation*/
.rotate-anim img {
    position: relative;
    -webkit-animation:spin 15s linear infinite;
    -moz-animation:spin 15s linear infinite;
    animation:spin 15s linear infinite;
  filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(652%) hue-rotate(10deg) brightness(105%) contrast(107%);
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }
/*Marquee tekst effect*/
.marquee-text-effect {
    display: inline-flex !important;
    overflow: hidden;
    }
@keyframes marquee-text-effect {
    0% { transform:translateX(0%);}
    100% { transform:translateX(-100%);}
    }
.marquee-text-effect .content-text {
    display: inline-flex;
    justify-content: space-around;
    }
.marquee-text-effect .content-text > * {
    display: inline-block;
    padding: 0 10px;
    white-space: nowrap;
    }
/*2025 styles*/
* {
    overflow-wrap: break-word;
    hyphens: manual;
    }
.wrap-content-block {
    max-width:800px;
    margin:0 auto;
    }


/*Hamburger menu*/
.hamburger-menu-content {
    height:80vh;
	}
/*Video homepage*/
.video-hero-caption {
	z-index:9999 !important;		
    }
.video-hero {
  	z-index:99 !important;
	}
/*Underline anim*/
.footer h6,
.hoofdmenu li a,
.hamburger-menu a span,
.footermenu .vertical-menu .main-menu .nav > li,
.knop a span,
.blog-post-plugin .ba-blog-post-title a,
.ba-item-breadcrumbs li a span {
    position: relative;
    display:table;
    }
.footer h6::before,
.hoofdmenu li a::before,
.hamburger-menu a span::before,
.footermenu .vertical-menu .main-menu .nav > li::before,
.knop a::before,
.blog-post-plugin .ba-blog-post-title a::before,
.ba-item-breadcrumbs li a span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -3px;
    left: 0;
    background-color: #000;
    transform: scaleX(0);
    transform-origin: top left;
    transition: transform 0.6s ease;
    }
.hoofdmenu li a:hover::before,
.hamburger-menu a span:hover::before,
.footermenu .vertical-menu .main-menu .nav > li:hover::before,
.knop a:hover::before,
.blog-post-plugin .ba-blog-post-title a:hover::before {
    transform: scaleX(1);
    }
/*Blog post plugin*/
.blog-post-plugin .ba-blog-post-content {
    padding:0 !important;
    }
@media only screen and (min-width: 1025px) { 
	.blog-post-plugin .ba-grid-layout {
        margin-left: -30px;
        margin-right: -30px;
	   }
	.blog-post-plugin .ba-grid-layout .ba-blog-post {
        width: calc((100% / 2) - 120px) !important;
        margin: 60px;
        }
    }
/*standaard knop*/
.knop a {
	position:relative;
    display:block;
    }
.knop a i {
    padding-left:0px;
	transition:0.6s;
    }
.knop a:hover i {
	padding-left:15px;
    }
/*kruimelpad*/
.ba-item-breadcrumbs {
    pointer-events:nne;
    }
.ba-item-breadcrumbs li.active span {
    text-decoration:underline !important;
}
/*toepassingenbox*/
.usp-list .ba-feature-box {
    flex-direction:row-reverse !important;
    margin-top: 7px !important;
    margin-bottom:7px;
    }
/*animatie voor toepassingenbox met klikbare links*/
.link .ba-feature-list-layout .ba-feature-box .ba-feature-image-wrapper {
		margin-right:15px;
  	margin-top:3px;
}
.link .ba-feature-list-layout .ba-feature-box:hover .ba-feature-image-wrapper {
    margin-right: 0px;
  	transition: 0.6s ease;
		}
/*Logo slider*/
@keyframes ltr {
    from {
        transform: translateX(0);
        }
    to {
        transform: translateX(-100%);
        }
    }
.logos, .logosnoblend {
    overflow: hidden;
    padding: 30px 0px;
    white-space: nowrap;
    position: relative;
    }
.logos:before, .logos:after {
    position: absolute;
    top: 0;
    content: '';
    width: 50px;
    height: 150px;
    z-index: 2;
    }
.logos:before {
    left: 0;
    background: linear-gradient(to left, rgba(0, 38, 205, 0), rgb(0, 38, 205));
    }
.logos:after {
    right: 0;
    background: linear-gradient(to right, rgba(0, 38, 205, 0), rgb(0, 38, 205));
    }

@media only screen and (max-width: 9999px) { 
	.logo_items img {
    height: 100px !important;
  	padding:0 10px;
    }
  .ltr {
    width:200vw;
    display: inline-block;
    animation: 30s ltr infinite linear;
  	}
}
@media only screen and (max-width: 1025px) { 
	.logo_items img {
    height: 75px !important;
    border:0px solid white !important;
  	padding:0 0px;
    }
    .ltr {
    width:500vw;
    display: inline-block;
    animation: 20s ltr infinite linear;
  	}
  .case-section {
 	 	width:100%;
    max-width:800px;
    margin:0 auto;
  	}
}

.logos-sto img {
	
  	padding:0 25px;
		}
/*GRIDS*/
.grid-500 {
    max-width:500px;
    width:100%;
    }
.gri {
	width:100%;
    margin:0 auto !important;
    }
.d-1620, .grid-1620 {
	max-width:1620px;
    }
.d-1380, .grid-1380 {
	max-width:1380px;
    }
.d-1200, .grid-1200 {
	max-width:1200px;
    }
.d-1100, .grid-1100 {
	max-width:1100px;
    }
.d-1000, .grid-1000 {
	max-width:1000px;
    }
.d-900, .grid-900 {
	max-width:900px;
    }
.d-800, .grid-800 {
	max-width:800px;
    }
.d-700, .grid-700 {
	max-width:700px;
    }
.d-600, .grid-600 {
	max-width:600px;
    }
.d-500, .grid-500 {
	max-width:500px;
    }
.d-300, .grid-300 {
	max-width:300px;
    }
/**FOOTER**/
.logo_footer img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(61deg) brightness(124%) contrast(100%);
    }
.footermenu .vertical-menu .main-menu .nav > li::before {
    background-color:var(--wit) !important;
    }