/* !! zonder !important worden afmetingen inline in html gezet waardoor regulier css word overschreven !! */
/* door An gegenereerde styles uit de html */

/*==========================================================*/
   /* CUISINE LOGO ANIMATE */
/*==========================================================*/
.logo #animation_container {
	background-color: rgba(255, 255, 255, 0.00);
	width: 110px!important; 
	height: 110px!important; }

.logo #canvas {
	width: 110px!important;
	height: 110px!important;
	position: absolute; 
	display: block; 
	background-color: rgba(255, 255, 255, 0.00); }

.logo #dom_overlay_container {
	pointer-events: none; 
	overflow: hidden;
	width: 110px!important;
	height: 110px!important;
	position: absolute; 
	left: 0px; 
	top: 0px; 
	display: block; }


/*===============================================*/
   /* DE KOE ANIMATE */
/*===============================================*/
.koe { justify-content: flex-end; margin: 0; }

.koe #animation_container {
	width: 100%!important; 
	height: inherit;
	background-color: rgba(255, 255, 255, 1.00);  }

.koe #canvas {	
	width: 100%!important; 
	height: inherit;
	position: absolute; 
	display: block; 
	background-color: rgba(255, 255, 255, 1.00); }

.koe #dom_overlay_container {
	width: 100%!important; 
	height: inherit; 
	pointer-events: none; 
	overflow: hidden; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	display: block; }


/*====================================================*/
   /* MEDIA QUERIE 1024 */
/*====================================================*/
@media screen and (min-width: 1024px){
	
	.koeIntro { padding: 6rem 0 0 0;} 

}


/*====================================================*/
   /* MEDIA QUERIE 1280 */
/*====================================================*/
@media screen and (min-width: 1280px){
	
	.koe { justify-content: center; }
	.koeIntro { padding-top: 7rem;}
	.koe #animation_container, .koe #canvas { width: 768px!important; }
	
}