/*
			v 24.04.24
*/

/*Change bootstrap default Variables here*/
@import "_css-variablen";
@import "../../eventmanager-system/public/css/scssBase";

/*Struktur START tu7*/

span.ImageEffectContainer{
	position: relative;
	display:block;
	overflow: hidden;
	
	&[data-animation="fade"]{
		.EffectImage{
			position: absolute;
			top:0;
			left:0;
			overflow: hidden;
			z-index:1;
			transition: opacity .5s linear;
			opacity:0;
		}
	
	}
	&[data-animation="slideDown"]{
		.EffectImage{
			display:none;
			position: absolute;
			top:0;
			left:0;
		}
	
	}
	
	&[data-animationstart="hover"]:hover > .EffectImage{
		opacity:1;
	}
}
span.ImageEffectContainer:hover > .EffectImage{
		
}