/* 
Theme Name: ILLUSENS
Theme URI: 
Description: Illusense Theme für TES Frontdesign
Author: Adwing
Author URI: https://www.adwing.de
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html,body {
        overflow-x:hidden;
    }
.md-inver li.elementor-icon-list-item {
    display: flex;
    flex-direction: row-reverse;
}
	#md-card1,
	#md-card2,
	#md-card3{
		height:340px;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		align-content: flex-end;
		cursor:pointer;
		overflow: hidden !important;
	}

	#md-card4,
	#md-card5,
	#md-card6{
		height:340px;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		align-content: flex-start;
		cursor:pointer;
		overflow: hidden !important;
	}

	.md-text{
		opacity: 0;
		display: none;
		height:200px;
		-webkit-animation: fadeInFromNone 0.5s ease-out;
		-moz-animation: fadeInFromNone 0.5s ease-out;
		-o-animation: fadeInFromNone 0.5s ease-out;
		animation: fadeInFromNone 0.5s ease-out;	
	}

	#md-card1:hover .md-text,
	#md-card2:hover .md-text,
	#md-card3:hover .md-text,
	#md-card4:hover .md-text,
	#md-card5:hover .md-text,
	#md-card6:hover .md-text
	{
		opacity: 0.9;
		display: block;

		-webkit-animation: fadeInFromNone 0.5s ease-out;
		-moz-animation: fadeInFromNone 0.5s ease-out;
		-o-animation: fadeInFromNone 0.5s ease-out;
		animation: fadeInFromNone 0.5s ease-out;
	}

	#md-card1:hover .md-img img,
	#md-card2:hover .md-img img,
	#md-card3:hover .md-img img,
	#md-card4:hover .md-img img,
	#md-card5:hover .md-img img,
	#md-card6:hover .md-img img{
		box-shadow: 0px 0px 15px 8px rgba(0, 159, 227, 0.2);	
	}

	@-webkit-keyframes fadeInFromNone {
		0% {
			height:0px;
			opacity: 0;
		}
		100% {
			height:200px;
			opacity: 1;
		}
	}

#md-botton a{
	width: 552px;
	height: 540px; 
	background:transparent;
	background-image: url(https://illusens.melodesigner.de/wp-content/uploads/2021/02/bg-bt2.png);
	content:" " !important;
	color: transparent !important;
}

#md-botton a:hover{
	width: 552px;
	height: 540px; 
	background-image: url(https://illusens.melodesigner.de/wp-content/uploads/2021/02/bg-bt1.png);
	color: transparent !important;
}

#md-botton a span{
	color: transparent !important;
}