<header class="header" data-scroller="100">
		<div class="top-bar">
		
			<div class="top-bar-left">
				
				<div class="toggle-main-navigation" data-responsive-toggle="responsive-menu" data-hide-for="" data-toggle="button-toggle">
					<button class="toggle-menu" type="button" data-toggle="offcanvas-menu" id="button-toggle" data-toggler=".toggle-menu__open">
						<span></span><span></span><span></span><span></span>
					</button>
				</div>				
								
			</div>
			
			<div class="top-bar-right top-bar__center">
				<a href="{{ navigation.getDomain }}" class="logo">{{ navigation.getLogo|raw }}</a>
				
				<!-- {{ navigation.topBarRight|raw }} -->
			</div>
			
			<div class="top-bar-right">
				
				<ul class="horizontal menu"> 
					<li><a href=""><i class="fa fa-phone"></i></a></li>
					<li><a href=""><i class="fa fa-envelope"></i></a></li>
					<li class="show-for-medium"><a href="https://engines.hoteliers.com/nl/855/booking/getdata/arrival/31-10-2023/departure/01-11-2023/?roomonly=1" target="_blank" class="button primary">Boek nu</a></li>
				</ul>
				
			</div>
			
			<div class="off-canvas position-left" id="offcanvas-menu" data-off-canvas>
				<div class="off-canvas-wrapper">
				
					<ul class="menu vertical" data-responsive-menu="accordion" data-alignment="left" data-submenu-toggle="true" data-multi-open="false">
						<li class="menu-section">
							<a href="/hotel" class="section-link">Hotel</a>
						    <ul class="menu vertical">
								<li><a href="/hotel/kamers">Kamers</a></li>
								<li><a href="/hotel/arrangementen">Arrangementen</a></li>
								<li><a href="/hotel/faciliteiten">Faciliteiten</a></li>
							</ul>
						</li>
						
						
						<li class="menu-section">
							<a href="/restaurant" class="section-link">Restaurant</a>
						    <ul class="menu vertical">
								<li><a href="/restaurant/t-voorhuys">Brasserie ‘t Voorhuys</a></li>
								<li><a href="/restaurant/terras">Terras</a></li>
								<li><a href="/restaurant/high-tea">High Tea</a></li>
								<!--<li><a href="/restaurant/culinaire-agenda">Culinaire agenda</a></li>-->
							</ul>
						</li>
						<li class="menu-section">
							<a href="/wellness" class="section-link">Wellness</a>
						    <ul class="menu vertical">
								<li><a href="/wellness/faciliteiten">Faciliteiten</a></li>
								<li><a href="/wellness/arrangementen">Arrangementen</a></li>
							</ul>
						</li>
						<li class="menu-section">
							<a href="/meeting-events" class="section-link">Meetings & Events</a>
						    <ul class="menu vertical">
								<li>
									<a href="/meeting-events/zakelijk">Zakelijk</a>
								    <a href="/meeting-events/vergaderen" class="link-nested">Vergaderen</a>
								    <a href="/meeting-events/trainingslocatie" class="link-nested">Trainingslocatie</a>
								    <a href="/meeting-events/teambuilding" class="link-nested">Teambuilding</a>
								</li>
								<li>
									<a href="/meeting-events/particulier">Particulier</a>
								    <a href="/meeting-events/feest" class="link-nested">Feest</a>
								    <a href="/meeting-events/huwelijk" class="link-nested">Huwelijk</a>
								    <a href="/meeting-events/receptie" class="link-nested">Receptie</a>
								</li>
							</ul>
						<li class="menu-section">
							<a href="/omgeving" class="section-link">Omgeving</a>
						    <ul class="menu vertical">
								<li><a href="/omgeving/wandelen">Wandelen</a></li>
								<li><a href="/omgeving/fietsen">Fietsen</a></li>
								<li><a href="/omgeving/musea">Musea</a></li>
								<li><a href="/omgeving/attracties">Attracties</a></li>
							</ul>
							
						</li>
						<li class="menu-section">
							<a href="/over-ons" class="section-link">Over Ons</a>
						    <ul class="menu vertical">
								<li><a href="/over-ons/producten">Producten</a></li>
								<li><a href="/over-ons/geschiedenis">Geschiedenis</a></li>
								<li><a href="/over-ons/vacatures">Vacatures</a></li>
								<li><a href="/over-ons/reviews">Reviews</a></li>
								<li><a href="/over-ons/duurzaamheid">Duurzaamheid</a></li>
							</ul>
						</li>
						<li class="menu-section">
							<a href="/contact" class="section-link">Contact</a>
						    <ul class="menu vertical">
								<li><a href="/contact/sales">Sales team</a></li>
								<li><a href="/contact/contactgegevens">Contactgegevens</a></li>
								<li><a href="/contact/veelgestelde-vragen">Veelgestelde vragen</a></li>
							</ul>
						</li>
					</ul>
					
					
				</div>
				
				<ul class="menu menu__secondary vertical show-for-medium">
					<li><strong>Hotel Restaurant Oud London</strong></li>
					<li>Woudenbergseweg 52</li>
					<li>3707 HX Zeist</li>
					<li><a href="tel:+31343491245">+31 343 49 12 45</a></li>
					<li><a href="mailto:info@oudlondon.nl">info@oudlondon.nl</a></li>
					<li class="social-links">
						<a href="https://nl-nl.facebook.com/OudLondonZeist"><i class="fab fa-facebook-square"></i></a>
						<a href="https://www.instagram.com/oudlondonzeist/"><i class="fab fa-instagram"></i></a>
						<a href="https://www.linkedin.com/company/oud-london-horeca-groep/"><i class="fab fa-linkedin"></i></a>
					</li>
				</ul>
				
			</div>
		
		</div>
</header>