.loader{position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:99;}

#cookiebar{position:fixed; bottom:0; left:0; width:100%; padding:10px 5%; line-height:20px; background:#006aa9; color:#fff; font-size:14px; font-weight:500; text-align:center; z-index:97;}
#cookiebar a{color:#fff; text-decoration:underline;}
#cookiebar a:hover{color:#fff; text-decoration:none;}
#cookiebar span{display:inline-block; margin-left:20px; font-size:18px; font-weight:700; cursor:pointer;}
#cookiebar span:hover{opacity:0.5;}

.top{position:fixed; padding:30px; text-align:center; line-height:24px; background:#f3f3f3; z-index:2;}
.top .contact{position:absolute; left:30px; top:30px; line-height:24px;}
.top .contact a{font-family:'Roboto Slab', sans-serif; font-size:16px; font-weight:700; line-height:24px; margin-right:20px;}
.top .contact a:last-child{margin-right:0;}
.top .contact a:hover{color:#006aa9;}
.top .logo{display:inline-block; width:297px; height:24px; background:url(/img/logo.png) no-repeat center / cover;}
.top .languages{position:absolute; right:30px; top:30px;}
.top .languages a{display:inline-block; width:24px; height:24px; margin-left:5px; background:no-repeat center / cover; opacity:0.3; transition:0.3s ease;}
.top .languages a.nl{background-image:url(/img/icons/nl.png);}
.top .languages a.de{background-image:url(/img/icons/de.png);}
.top .languages a.en{background-image:url(/img/icons/en.png);}
.top .languages a:hover, .top .languages a.active{opacity:1;}

.intro{margin-top:84px; padding:60px 0; text-align:center;}
.intro p{display:inline-block; width:850px; margin:0; font-family:'Roboto Slab', sans-serif; font-size:24px; line-height:34px; font-weight:300;}

.highlite{padding:0 0 40px;}
.highlite table{font-size:16px; line-height:24px;}
.highlite table td{padding:0 30px; border-right:2px solid #eee;}
.highlite table td:first-child{padding-left:0;}
.highlite table td:last-child{padding-right:0; border:0;}
.highlite strong{font-family:'Roboto Slab', sans-serif;}
.highlite a.reservation-btn{float:right; height:96px; padding:24px 80px 0; text-align:center; font-size:30px; line-height:30px; font-weight:700; color:#fff; text-transform:uppercase; white-space:nowrap; background:#43a70c;}
.highlite a.reservation-btn span{display:inline-block; font-size:12px; line-height:12px; font-weight:700;}
.highlite a.reservation-btn:hover{background:#006aa9;}

.carousel{padding:0;}
.carousel .label{position:absolute; top:0; left:0; padding:30px 20px; font-size:18px; line-height:20px; color:#fff; text-align:center; font-weight:700; background:#43a70c; z-index:2;}
.carousel .label strong{font-size:44px; line-height:44px;}
.carousel .label small{font-size:12px; line-height:14px;}
.carousel .owl-carousel .owl-nav{position:absolute; top:50%; left:0; width:100%; margin:0;}
.carousel .owl-carousel .owl-nav button.owl-prev, .carousel .owl-carousel .owl-nav button.owl-next{position:absolute; width:24px; height:40px; margin:0; background:url(/img/icons/arrow.svg) no-repeat center / 24px 40px; z-index:2;}
.carousel .owl-carousel .owl-nav button.owl-prev{left:-70px; top:50%; -webkit-transform:rotate(-180deg); transform:rotate(-180deg);}
.carousel .owl-carousel .owl-nav button.owl-next{right:-70px; top:50%;}

.content{padding:0;}
.content a, .reservation a, .txt a{color:#006aa9; text-decoration:underline;}
.content a:hover, .reservation a:hover, .txt a:hover{color:#000; text-decoration:underline;}
.content table{font-size:16px; margin-top:24px;}
.content table td:first-child{padding-right:20px; font-weight:700;}
.content iframe{width:100%; height:600px; margin-top:30px;}
.content .half{padding:70px 0;}
.content .half:first-child{padding-right:50px;}
.content .half:last-child{padding-top:0;}
.content .half:last-child div{float:left; width:100%; padding:40px 50px;}
.content .half:last-child div.bg{padding-top:70px; background:#f3f3f3;}
.content .half:last-child .icon{display:block; padding-left:40px; background:no-repeat left center / 22px 19px;}
.content .half:last-child .icon.parking{background-image:url(/img/icons/parking.png);}
.content .half:last-child .icon.wifi{background-image:url(/img/icons/wifi.png);}
.content .half:last-child .icon.smoking{background-image:url(/img/icons/smoking.png);}

.reservation{background:#e5f0f7;}
.reservation .half{width:46%;}
.reservation .half:last-child{margin-left:8%;}
.reservation h3{margin:30px 0;}
.reservation h3:first-child{margin-top:0;}
.reservation table tr.inactive td{opacity:0.3; text-decoration:line-through;}
.reservation form table td{padding:0 10px 0 0;}
.reservation form table td:nth-of-type(2){padding:0 0 0 10px;}
.reservation form table td.large{padding:0 !important;}

.bottom{padding:30px; text-align:center;}
.bottom p, .bottom a{margin:0; font-size:13px; line-height:16px; color:#000; font-weight:500; text-transform:uppercase;}
.bottom a:hover{text-decoration:underline;}

/*responsive*/

@media screen and (max-width:1500px){
.carousel .owl-carousel .owl-nav button.owl-prev{left:-50px;}
.carousel .owl-carousel .owl-nav button.owl-next{right:-50px;}
}
@media screen and (max-width:1400px){
.highlite .half:first-child{width:60%;}
.highlite .half:last-child{width:40%;}
}
@media screen and (max-width:1100px){
.top .contact a:first-child{display:none;}
.intro{padding:40px 0 50px;}
.highlite .half:first-child{width:68%;}
.highlite .half:last-child{width:32%;}
.highlite table td{font-size:15px;}
.highlite a.reservation-btn{padding:24px 34px;}
.carousel .owl-carousel .owl-nav button.owl-prev, .carousel .owl-carousel .owl-nav button.owl-next{width:18px; height:30px; background-size:18px 30px;}
.carousel .owl-carousel .owl-nav button.owl-prev{left:-40px;}
.carousel .owl-carousel .owl-nav button.owl-next{right:-40px;}
.content .half{padding:50px 0;}
.content .half:last-child div.bg{padding-top:50px;}
.content iframe{height:500px;}
.bottom p, .bottom a{font-size:12px;}
}
@media screen and (max-width:990px){
.top .logo{width:248px; height:20px; margin-top:2px;}
.intro p{width:94%; font-size:22px; line-height:30px;}
.highlite .half:first-child{width:100%;}
.highlite .half:last-child{width:100%;}
.highlite a.reservation-btn{width:100%; padding:20px 0 0; text-align:center; height:auto; line-height:34px; margin-top:20px;}
.carousel .label{position:absolute; top:0; left:0; padding:24px 16px; font-size:16px;}
.carousel .label strong{font-size:38px; line-height:38px;}
.content .half:first-child{padding-right:0;}
.content .half:last-child div:not(.bg){padding-bottom:0;}
.content iframe{height:400px;}
.reservation .half{width:100%;}
.reservation .half:last-child{margin:30px 0 0 0;}
}
@media screen and (max-width:750px){
.top{padding:46px 20px 14px;}
.top .contact{top:10px; left:10px;}
.top .contact a{font-size:14px; line-height:14px;}
.top .contact a:first-child{display:inline-block;}
.top .contact a:last-child{display:none;}
.top .languages{top:10px; right:10px;}
.top .languages a{width:18px; height:18px; margin-left:3px;}
.intro{padding:24px 0;}
.intro p{font-size:18px; line-height:26px;}
.highlite{padding-bottom:30px;}
.highlite table{display:none;}
.highlite a.reservation-btn{margin-top:0; padding:20px 0 15px; line-height:20px;}
.highlite a.reservation-btn span{margin-top:5px;}
.carousel .container{width:100%;}
.carousel .label{padding:12px 12px 8px; font-size:15px;}
.carousel .label strong{font-size:32px; line-height:32px;}
.carousel .label small{font-size:11px; line-height:13px;}
.carousel .owl-carousel .owl-nav{top:auto; bottom:40px;}
.carousel .owl-carousel .owl-nav button.owl-prev, .carousel .owl-carousel .owl-nav button.owl-next{background-image:url(/img/icons/arrow-white.svg);}
.carousel .owl-carousel .owl-nav button.owl-prev{left:10px;}
.carousel .owl-carousel .owl-nav button.owl-next{right:10px;}
.content .half{padding:30px 0;}
.content .half:last-child div{padding:24px;}
.content .half:last-child div.bg{padding-top:30px;}
.content iframe{height:340px;}
.content table td{display:block;}
.content table td:first-child{padding-right:0 !important; padding-top:10px;}
.content table tr:first-child td:first-child{padding-top:0;}
.reservation h3{margin:20px 0;}
.reservation table td{font-size:15px; white-space:nowrap;}
.reservation form table td{display:block; width:100% !important; padding:0 !important;}
.reservation form button{width:100%; text-align:center; padding-left:0; padding-right:0;}
.bottom{padding:20px;}
.bottom a{line-height:30px;}
}
@media screen and (max-width:320px){
}