@charset "utf-8";
/* CSS Document */

body {
	
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;	
}

html {
	margin:0;
	padding:0;
}

@font-face {
  font-family: 'KGEyesWideOpen';
  src: url('../fonts/KGEyesWideOpen.eot');
  src: url('../fonts/KGEyesWideOpen.woff2') format('woff2'),
       url('../fonts/KGEyesWideOpen.woff') format('woff'),
       url('../fonts/KGEyesWideOpen.ttf') format('truetype'),
       url('../fonts/KGEyesWideOpen.svg#KGEyesWideOpen') format('svg'),
       url('../fonts/KGEyesWideOpen.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

#grad {
  background-image: linear-gradient(to bottom right, red, yellow);
} 





/* menu stijlen */

#menu {
text-align:center;
width:100%;
margin:0 auto;
font-family: 'KGEyesWideOpen';

}

.display {
	font-size:30px;	
	width:100%;
	color:#FFF;
}

.prijs {
	font-size:36px;	
	color:#900;
	width:100%;
	font-weight:bold;
}

.prijs_box {
	background-color:#000;
	padding:5px;
	text-align:center;
}

.hover img {
	-webkit-transform: scale(1);
	transform:  scale(1);

	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

legend {
	font-family: 'KGEyesWideOpen';		
}

/* login stijlen */

.cake {
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;	
	min-width:100%;
	background-position:center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size:contain;
}

.header_login {
	background-color:rgba(51,51,51,0.8);
	padding:10px;
	min-width:100%;
	text-align:center;
	z-index:2;
	
}

/* einde login */

.feestdag_link 
{
	min-height:100px;
	color:#FFF;	
}

.feestdag_link:hover
{
	color:#FFF;
	cursor:auto;
}


@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
} 

.img2 
{
    position: relative;
    float: left;
    width:  100%;
    height: 250px;
    object-fit: cover;
   
}

.img_container
{
		overflow: hidden; 
		border:2px #000 solid; 
		width:100%; 
		height:250px; 
}

.block
{
	border:2px #000 solid;
	overflow:hidden;
	min-width:  100%;
    height: 250px;
    object-fit:cover;
}