html, body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-size:16px;
	line-height:22px;
	background:#fff;
	color:#000;
	text-align:left;
}
*{font-family:'Raleway', sans-serif; font-weight:400; vertical-align:top; text-decoration:none; outline:none; border:0; background-position:center; background-repeat:no-repeat; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-text-size-adjust:none; box-sizing:border-box;}

.section{position:relative; float:left; width:100%; padding:0; z-index:1;}
.container{position:relative; margin:auto; width:750px;}
.full, .half{position:relative; float:left;}
.full{width:100%;}
.half{width:48%;}
.half:last-child{margin-left:4%;}

h1,h2,h3{font-family:'Cubano', sans-serif; font-weight:normal; text-transform:uppercase; margin:0;}
h1{float:left; width:100%; font-size:38px; line-height:38px; margin-bottom:6px; text-align:center;}
h2{font-size:30px; line-height:32px; margin-bottom:20px;}
h3{font-size:26px; line-height:26px; margin:20px 0 14px; color:#95a7a3;}
h3:first-child{margin-top:26px;}

a, a:link, a:visited{color:#000; text-decoration:none; cursor:pointer;}
a:hover, a:active{color:#000; text-decoration:none;}
p{margin:0;}
strong{font-weight:700;}
u{text-decoration:underline;}

.border{float:left; width:100%; padding:15px; background:url(/img/bg.png?v=10) repeat #95a7a3 top / 400px}
.border .content{float:left; width:100%; padding:15px; background:#fff;}

.top{position:relative; float:left; width:100%; margin:0 0 20px;}
.top .logo{float:left; width:100%; height:120px; margin-top:10px; background:url(/img/logo-10jaar.png) no-repeat center / contain;}
.top .social{position:absolute; top:0; left:0;}
.top .social a{display:inline-block; margin-right:10px; background:no-repeat center / cover;}
.top .social a:last-child{margin-right:0;}
.top .social a.facebook{width:13px; height:25px; background-image:url(/img/facebook.png); margin-right:5px;}
.top .social a.instagram{width:24px; height:24px; background-image:url(/img/instagram.png);}
.top .flags{position:absolute; top:0; right:0;}
.top .flags a{display:inline-block; width:24px; height:24px; margin-left:5px; background:no-repeat center / cover; border-radius:5px;}
.top .flags a:first-child{margin-left:0;}
.top .flags a.nl{background-image:url(/img/nl.svg);}
.top .flags a.en{background-image:url(/img/en.svg);}
.top .flags a.de{background-image:url(/img/de.svg);}

.categories{float:left; width:100%; height:70px; top:0; left:0; z-index:3;}
.categories p{float:left; width:100%; height:22px; margin:0; padding:6px 16px 0; font-size:12px; line-height:12px; color:#fff; text-transform:uppercase; font-weight:400; background:#ebbc90; opacity:0.8;}
.categories select{float:left; width:100%; font-family:'Raleway', sans-serif; font-size:18px; font-weight:700; line-height:20px; padding:14px 16px; margin:0; color:#fff; border:0; background:url(/img/select.svg) no-repeat #ebbc90 right 18px center / 9px 18px; cursor:pointer; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.categories select::-ms-expand{display:none;}
.categories.fixed{position:fixed; top:-4px;}
.categories.fixed p{display:none;}
.categories.fixed select{padding:16px 30px 12px; font-size:18px; background-position:right 30px center;}
.categories_placeholder{display:none; float:left; width:100%; height:70px;}

.text-notice{float:left; width:100%; margin-top:12px; padding:10px; font-size:14px; line-height:18px; text-align:center; color:#767978; border:2px dashed #99a7a4;}

.menu{float:left;}
.menu h3{float:left; width:100%;}
.menu h3 small{display:inline-block; font-size:16px; line-height:16px; color:#000; vertical-align:baseline; text-transform:none;}
.menu sup{font-size:13px; line-height:13px; font-weight:700;}
.menu .item{width:100%; float:left; margin-bottom:12px;}
.menu .item:last-child{margin-bottom:0;}
.menu .item .title{position:relative; width:100%; padding-right:90px;}
.menu .item .title strong{display:block; font-size:16px; line-height:22px; text-transform:uppercase;}
.menu .item .price{position:absolute; right:0; top:0; font-size:18px; font-weight:700; text-align:right;}
.menu .item .price img{height:16px; margin:0 2px 0 -2px; vertical-align:baseline;}
.menu .item .price img:last-child{margin-right:0;}
.menu .item .price img.glass{height:10px;}
.menu .item p{padding-right:20px;}
.menu .item p small{display:inline-block; margin:5px 0; line-height:18px;}

.totop{float:left; width:100%; height:23px; margin:50px 0 10px; background:url(/img/totop.png) no-repeat center / contain;}

.legenda{float:left; width:100%; margin:40px 0 10px; text-align:center;}
.legenda p{display:inline-block; margin:0 2px; font-size:15px; line-height:15px;}
.legenda span, .menu .item span{display:inline-block; width:10px; height:10px; background:#000; margin:2px 2px 0; border-radius:100%;}
.legenda span.vega, .menu .item span.vega{background:#7cb963;}
.legenda span.vegan, .menu .item span.vegan{background:#519db9;}
.legenda span.biologisch, .menu .item span.biologisch{background:#ac963d;}
.legenda span.gluten, .menu .item span.gluten{background:#ffa84f;}
.menu .item span{width:8px; height:8px; margin:4px 0 0 -2px;}

.legenda_small{display:block; text-align:center; margin:10px 0 20px;}

.allergie{float:left; width:100%; margin-bottom:15px; padding:15px; font-family:'Cubano', sans-serif; font-size:32px; color:#95a7a3 !important; font-weight:normal; text-align:center; background:url(/img/allergenen-bg.png) no-repeat center / cover; border:2px dashed #ebbc90;}
.allergie small{display:block; margin-top:12px; font-family:'Raleway', sans-serif; font-size:18px; line-height:12px; color:#000 !important;}

.footer{float:left; width:100%; padding:15px; background:#f9f2e4;}
.footer .wifi{float:left; padding-left:44px; background:url(/img/wifi.svg) no-repeat left center / 35px 28px;}
.footer .wifi p{font-size:14px;}
.footer .green-key{float:right; height:50px;}
.footer .ad{float:left; width:100%; margin-top:15px; padding-top:15px; border-top:1px solid #fff;}
.footer .ad img{width:100%; margin:0;}
.footer .ad p{margin-top:10px; font-weight:700;}

/*health check*/
.healthcheck{float:left; width:100%;}
.healthcheck ul{margin:20px 0 0; padding:0; list-style:none;}
.healthcheck ul li{position:relative; margin-bottom:15px; padding-left:34px;}
.healthcheck ul li:last-child{margin-bottom:0;}
.healthcheck ul ul, .healthcheck li li{margin:0; padding:0;}
.healthcheck li span{position:absolute; top:0; left:0; font-family:'Cubano', sans-serif; font-size:30px; line-height:30px; color:#ebbc90;}
.healthcheck ::-webkit-input-placeholder{color:#000; opacity:0.8;}.healthcheck :-moz-placeholder{color:#000; opacity:0.8;}.healthcheck ::-moz-placeholder{color:#000; opacity:0.8;}.healthcheck :-ms-input-placeholder{color:#000; opacity:0.8;}
.healthcheck .top{padding:52px 12px 12px; margin:0; background:#f3f3f3;}
.healthcheck .top h1{width:auto; font-size:22px; line-height:28px; margin:0;}
.healthcheck .top h1 span{display:inline-block; width:30px; height:30px; margin:-1px 5px 0 0; background:url(/img/logo.png) no-repeat center / contain;}
.healthcheck .top .flags{top:55px; right:12px;}
.healthcheck .questions{padding:20px;}
.healthcheck .questions .container{padding:0 20px;}
.healthcheck .questions p.intro{font-family:'Raleway', sans-serif; font-weight:700; text-align:center;}
.healthcheck .form{padding:20px 20px 30px; background:#f3f3f3;}
.healthcheck .form h2{margin:0; font-size:23px; line-height:23px; text-align:center; color:#ebbc90;}
.healthcheck .form form{margin:10px 0;}
.healthcheck .form input{width:100%; padding:10px 14px; margin-bottom:4px; font-size:18px; line-height:20px; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.healthcheck .form input[type=submit]{font-family:'Cubano', sans-serif; font-size:19px; line-height:21px; color:#fff; background:#ebbc90; cursor:pointer;}
.healthcheck .form small{display:block; font-size:12px; line-height:18px; text-align:center;}
.healthcheck a.fixed{position:fixed; left:0; top:0; width:100%; padding:10px; font-family:'Cubano', sans-serif; font-size:15px; line-height:22px; color:#ebbc90; text-align:center; background:#000; z-index:2;}
.healthcheck a.fixed strong, .healthcheck a.fixed span{font-family:'Cubano', sans-serif; color:#fff; font-weight:normal;}
.healthcheck a.fixed span{position:absolute; right:14px;}
.healthcheck .form input.error{border:1px solid red;}

/*responsive*/
@media screen and (max-width:760px){
.container{width:100%;}
}
@media screen and (max-width:350px){
.healthcheck .top h1{font-size:20px;}
.healthcheck .form input{font-size:16px;}
.healthcheck .form input[type=submit]{font-size:18px;}
.healthcheck a.fixed{font-size:14px;}
.text-notice{font-size:13px; line-height:16px; padding:8px 8px 7px 46px;}
}
@media screen and (max-width:320px){
.footer{padding:10px;}
.footer .wifi p{font-size:13px;}	
}