.proeven img.img-circle {
	position: relative;
	display: block; 
}
@media(min-width: 300px) and (max-width: 767px){
	.proeven img.img-circle { 
		max-width: 300px;
	}
}
div.row.spotlight {
	margin-top: 55px;
}

div.row.proeven {
	margin-top: 55px;
	margin-bottom: 55px;
}
@media(max-width: 767px){	
	div.row.proeven {
		text-align: center;
	}	
	div.row.proeven img{
		margin: 0 auto;
	}
}
div.staatvoor {
	position: relative;
	min-height: 200px;
	background: #3f382e; 
	padding: 5px 15px 6px;
}

div.staatvoortop{
	margin-top: 4px;
}
div.staatvoor h4 {
	font-family: 'Glegoo', serif;
	font-size: 15px;
	text-align: center;
	color: #3f382e;
	background: #86b7bf;
	padding: 5px;
	position:relative;
	margin-left: 15px;
	margin-right: 15px;
}

div.staatvoor h4:before {
	content:'';
	position: absolute;
	top:3px;
	left: -15px;
	width: 13px;
	height: 20px;
	background: url(/images/staatvoorleft.svg) no-repeat center top;
}
div.staatvoor h4:after {
	content:'';
	position: absolute;
	top:3px;
	right: -15px;
	width: 13px;
	height: 20px;
	background: url(/images/staatvoorright.svg) no-repeat center top;
}
div.staatvoor ul {
	padding:0;
	list-style: none;
	color: #f0e5d3;
	text-align: center;
	font-family: 'Glegoo', serif;
	font-size: 15px;
	text-transform: uppercase;
}
div.staatvoor ul>li {
	list-style: none;
	padding-top: 10px; 
	background:  url(/images/ruitje.svg) no-repeat center top;
	background-size: 7px 6px
}
div.staatvoor ul>li:first-child{ 
	padding-top: 5px;
	background: none;
}
	

div.staatvoortop,
div.staatvoorbottom {
	background: #3f382e; 
	position: relative;	
	width: 100%;
	height: 10px;
}
div.staatvoortop:before,
div.staatvoortop:after, 
div.staatvoorbottom:before,
div.staatvoorbottom:after {
	position: absolute;
	content:'';
	width: 10px;
	height: 10px;
	background: #F0E5D3; 
}
div.staatvoortop:before{
	top: -1px;
	left:-1px;
  border-radius: 0 0 100% 0;
}
div.staatvoortop:after{
	top: -1px;
	right:-1px;
  border-radius: 0 0 0 100%;
}
div.staatvoorbottom:before{
	bottom: -1px;
	left:-1px;
  border-radius: 0 100% 0 0 ;
}
div.staatvoorbottom:after{
	bottom: -1px;
	right:-1px;
  border-radius: 100% 0 0 0 ;
}


 
.headimage>.container>.h1wrapper>h1 { 
	display: inline-block;
	margin-left: 80px;
}

	.spotlight img{
		margin:0 auto;
	}
@media(max-width: 767px){
} 
.spotlight a:hover{
	text-decoration:none;
}
.spotlight a:hover h4.caption{
	text-decoration:none;
	background: #CB551F;
	transition: all 0.2s ease-out;
}

.spotlight>div>div>div{
	margin-bottom: 15px;
}



.homevideo{
	position:relative;
	padding: 0 15px ;
}
.homevideo a.verder{ 
	display: block;
	width: 100%;
	height: 100%; 
	background-size: 200px auto;
	position:absolute;
	top:0;
	left:0; 
}

.homevideo iframe{
	min-height: calc(100vh - 20px); 
	border-bottom: 15px solid white;
} 

.scrollpanel{
	border-top: 15px solid white;
}

body {               
  border-top: 0;
}    


.homevideostatic{
	height: 100vh;
	width: 100vw;
	position:fixed;
	yop:0;
	left:0;
	z-index:1001;
	padding:  15px ;
	background: #F1E4D3;
}

.homevideostatic.inactive{
	pointer-events: none;
} 
.homevideostatic a.verder{ 
	display: block;
	width: 100%;
	height: 100%;  
	position:absolute;
	top:0;
	left:0; 
	background: url(/images/close.svg) no-repeat;
	background-size: 80px 80px; 
	background-position: right 15px top 15px;
	cursor: pointer;
}
@media(min-width: 768px){
	.homevideostatic a.verder{ 
		background-position: right 30px top 15px;
	}
}
.homevideostatic a.verder .vidlogowrap{ 
	display: block;
	width: 100%;
	height: 100%; 
	background-size: 200px auto;
	background-position: center center;
	position:absolute;
	top:0;
	left:0; 	
}


.homevideostatic .closevid{
	position: fixed;
  top: 40px;
  right: 40px;
  z-index: 200; 
  width: 80px;
  color: white; 
  pointer-events: none;
  display: none;
  text-transform: uppercase;
  text-align: center;
  z-index:1002;
}
.homevideostatic .closevid>span{ 
  z-index: 200;
  font-size: 50px;
  color: white;
  text-shadow: 1px;
  pointer-events: none; 
}


.burgerslide{
	padding:0;
	margin:0;
}

.burgerslide h4{
	position:relative;
	display: block;
}

.burgerslide h4:after{
	content:'';
	display: block;
	position:absolute;
	top: -44px;;
	left: calc(50% - 40px);
	width: 80px;
	height: 42px;
	background: url(/images/burgerslide.svg) no-repeat bottom center;
	background-size: contain;
}

.burgerslide h4.friet:after{
	content:'';
	display: block;
	position:absolute;
	top: -44px;;
	left: calc(50% - 40px);
	width: 80px;
	height: 42px;
	background: url(/images/frietslide.svg) no-repeat bottom center;
	background-size: contain;
}


li:focus{
	outline:none !important;
}