

body {

	background:#FFFFFF url(bgrd.jpg) no-repeat center center fixed; 
	background-size:100% auto;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	line-height: 1.5em;
	font-size:14px;
	font-family: Arial;
	font-weight: normal;
}



@font-face {
    font-family: 'waffle';
    src: url('waffle.woff2') format('woff2'),
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


								
						
								
												
																								@font-face {
    font-family: 'beer';
    src: url('beer.woff2') format('woff2'),
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
					
												
												
												@font-face {
    font-family: 'wafftop';
    src: url('wafftop.woff2') format('woff2'),
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
												
						
												

/*background*/

											
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}
											
											
											
									h1{
												
									font-family:wafftop;
									font-size:900%;
									text-align:center;
									color:#FF6900;
									font-weight:400;
									line-height:50%}
									
												
											
									h2{	
									font-weight: 300;
									color: white;
									line-height: 100%;
									font-size: 270%;
									font-family: beer;
									text-align: center;
									text-shadow:   background: #91877b;
											text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);}
								
									
									.stepbox{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin: 0px;}
									
									.stepbox6{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding-right:11px;
									margin-right:50px;
									}
				
									
									
									.stepboxmargin{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin-top: 12px;
									margin-bottom: 12px;}
									
									
									.stepboxmargin2{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin-top: 12px;
									margin-bottom: 0px;}
									
									
									.stepboxmargin3{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin-top: 0px;
									margin-bottom: 0px;}
									
									.stepboxmargin4{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin-top: 18px;
									margin-bottom: 0px;}
									
									/*11 and 13 */

									
									
									
									p.steptitle{
									font-family: arial;
									font-size: 130%;
									color: black;
									text-align: center;
									}
									
									
									.vcenter {
										display: inline-block;
										vertical-align: middle;
										float: none;
															}
									
									.col-centered{
											float: none;
											margin: 0 auto;
										}

									
									.round{
									opacity: 1.0;
									color: green;
									border-radius: 200px;
									text-align: center;
									
									}
									
									.nb{
									
									border: none;

									padding: 50px;}
									
									
									p.title {
									
									font-weight: 300;
									color: black;
									line-height: 100%;
									font-size: 300%;
									font-family: beer;
									text-align: center;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
									}
									
									p.titlebis {
									
									font-weight: 100;
									color: white;
									line-height: 100%;
									font-size: 300%;
									font-family: waffle;
									text-align: center;
		
									}
									
									p.title2l {
									font-weight: 300;
									color: black;
									line-height: 60%;
									font-size: 200%;
									text-align: left;
									font-family: beer;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
									margin-top: 10px;
									}
									

									
									
									
									p.title2c {
									font-weight: 300;
									color: black;
									line-height: 100%;
									font-size: 200%;
									font-family: waffle;
									text-align: center;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
									}
									
									p.light{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									text-align: center; 
									margin: 10px;
									font-family: arial;
									color: black;
									font-weight: 500;
									font-size: 130%;
									padding: 5px;
									
									}
									
									
									p.qst {
									font-family: waffle;
									font-weight: 300;
									color: #FF6A00;
									line-height: 60%;
									font-size: 200%;
									text-align: left;
									text-shadow: background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
									margin-top: 10px;
									margin-left: 5px;
									}
									
									p.ans {
									font-weight: 200;
									color: #000000;
									line-height: 100%;
									font-size: 120%;
									text-align: left;
									font-family: arial;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
									margin-top: 10px;
									margin-left: 10px;
									}
									
									
									p.normal{
									text-align: justify;
									font-family: arial;
									font-size: 130%;
									color: black;
									padding-left: 8px;
									line-height: 140%;
									padding-right: 8px;}
									
									p.normal2{
									text-align: justify;
									font-family: arial;
									font-size: 130%;
									color: black;
									line-height: 140%;
									padding-right: 8px;
									padding-left: 8px;}
									
									
									p.normal22{
									text-align: justify;
									font-family: arial;
									font-size: 130%;
									color: black;
									line-height: 150%;
									padding-right: 10px;
									padding-left: 10px;}
									
									
									p.normalleft{
									text-align: left;
									font-family: arial;
									font-size: 130%;
									color: black;
									padding-left: 8px;
									padding-right: 8px;}
									
									p.revtitle{
									
									text-align: left;
									font-family:arial;
									color:black;
									padding-left: 15px;
									font-size: 140%;
									line-height: 30%;
									
									}
									
									p.revcore{
									text-align:left;
									font-family:arial;
									color:black;
									padding-left: 25px;
									font-size: 110%;
									line-height: 100%;
									
									}
									
									p.revppl{
									
									text-align:right;
									font-family:arial;
									color:black;
									padding-right: 30px;
									font-size: 90%;
									font-style: italic;
									line-height: 80%;
									}
									
									
									p.toprices{
									
									font-family:waffle;
									color:white;
									font-size: 350%;
									text-align: center;		
									line-height: 130%;}
									
									
									
									p.beerexp{										
									font-family: arial;
									color: black;
									font-size: 250%;
									text-align: center;}
									
									p.chocexp{
									font-family: arial;
									font-size: 250%;
									text-align: center;
									color:#FF6900;}
									
									.shadow {
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;}
									
									.stepshadow{
									box-shadow: 4px 2px 10px #1E1E1E;}
									
									
									
	

			p.btlst{
				color: green;
			
			}






.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #FF6A00;
    background-color: #FFFFFF;}


											p.copyright{
									
											font-family: arial;
											font-weight: bold;
											color: #000000;
											margin-left: 12px;}
											
											
									p.title2c {
									font-weight: 300;
									color: black;
									line-height: 100%;
									font-size: 200%;
									font-family: waffle;
									text-align: center;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
									}
									
									.stepboxcustom{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin: 0px;}

/* === 2026 visual refresh: responsive, Bootstrap 3.3.2 compatible === */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#fff url(bgrd.jpg) no-repeat center top fixed;background-size:cover;color:#222;padding-top:50px;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:rgba(255,255,255,.10);pointer-events:none;z-index:-1}
a{color:#e85f00;transition:color .2s ease}a:hover,a:focus{color:#a94100;text-decoration:none}
.navbar-inverse{background:rgba(25,25,25,.96);border:0;box-shadow:0 2px 14px rgba(0,0,0,.35)}
.navbar-inverse .navbar-nav>li>a{color:#fff;font-size:14px;letter-spacing:.15px;padding-left:17px;padding-right:17px}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>.active>a{background:#ff6900!important;color:#fff!important}
.navbar-brand,.navbar-nav>li>img{max-height:50px;width:auto}
.container-fluid{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px}
.row{margin-left:-9px;margin-right:-9px}.row>[class*=col-]{padding-left:9px;padding-right:9px}
h1{margin:28px 0 10px;text-shadow:0 3px 10px rgba(0,0,0,.18)}
h2{margin:10px auto 26px;max-width:850px;padding:0 15px;text-shadow:0 2px 5px rgba(0,0,0,.5)}
.stepbox,.stepboxmargin,.stepboxmargin2,.stepboxmargin3,.stepboxmargin4,.stepboxcustom,p.light{background:rgba(255,255,255,.94)!important;color:#222!important;border-radius:10px!important;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
.stepbox{padding:22px!important;margin-bottom:18px!important}.stepboxmargin,.stepboxmargin2,.stepboxmargin3,.stepboxmargin4{padding:12px!important;margin-top:12px!important;margin-bottom:12px!important}
.stepboxcustom{padding:22px!important;margin-bottom:18px!important}
.stepbox img,.stepboxmargin img,.stepboxcustom img{border-radius:7px}.shadow,.stepshadow{box-shadow:0 8px 20px rgba(0,0,0,.24)!important;border-radius:7px!important}
p.title{font-size:42px;line-height:1;margin:12px 0 5px}p.title2l{font-size:32px;line-height:1.15;margin:5px 0 15px}p.title2c{font-size:31px;line-height:1.15;margin:8px 0 18px}p.normal,p.normal2,p.normal22,p.normalleft{font-size:17px;line-height:1.65;color:#2b2b2b!important}p.light{margin:18px 0!important;padding:13px!important;font-size:17px;line-height:1.5}
.stepboxmargin>a img,.stepboxmargin p:first-child img{transition:transform .25s ease,box-shadow .25s ease}.stepboxmargin:hover img{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.22)}
.btn{border-radius:6px;padding:10px 22px;border:0;box-shadow:0 3px 8px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.22)}
a>.btn-danger.btn{display:block;max-width:360px;width:100%;padding:13px 18px!important;border-radius:6px!important}
.embed-responsive{border-radius:9px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.22)}
img{max-width:100%;height:auto}
@media (min-width:768px){.stepbox,.stepboxcustom{margin-bottom:20px!important}.stepboxmargin{min-height:250px} }
@media (max-width:767px){body{background-attachment:scroll;padding-top:50px}.container-fluid{padding-left:10px;padding-right:10px}h1{font-size:58px!important;line-height:.65!important;margin-top:22px!important}h2{font-size:29px!important;line-height:1.1!important;margin-bottom:18px}p.title{font-size:36px}p.title2l,p.title2c{font-size:28px!important}p.normal,p.normal2,p.normal22,p.normalleft{font-size:16px!important;line-height:1.6!important;text-align:left!important}.stepbox{padding:16px!important}.stepboxmargin{padding:9px!important;margin-top:8px!important;margin-bottom:8px!important}.navbar-inverse .navbar-collapse{border-color:#333}.navbar-toggle{margin-right:8px}.nav>li>a{padding-top:12px;padding-bottom:12px}.hidden-xs + .col-xs-12{clear:both}p.light img{width:32%;height:auto}.btn,.btn-success{font-size:16px!important;white-space:normal}.toprices{font-size:34px!important;padding:12px}.row>[class*=col-]{padding-left:6px;padding-right:6px}}
@media (max-width:480px){h1{font-size:48px!important}h2{font-size:24px!important}p.title2l,p.title2c{font-size:25px!important}.stepboxmargin p.title{font-size:32px}.navbar-brand{max-width:190px}.stepbox,.stepboxcustom{border-radius:7px!important}}


/* Location cards */
.venue-card{display:flex;flex-direction:column}.venue-card__heading{order:1}.venue-travel{order:2}.venue-card__grid{order:3}.venue-card__heading+.venue-card__details{display:block;order:4;margin:1.25rem 0 0;padding:.85rem 1rem;border-left:4px solid #e8a36d;border-radius:0 9px 9px 0;background:#fff8f2;color:#5a3d2b;font-size:.94rem}.venue-card__heading+.venue-card__details strong{color:#7a3510}
.venue-card__heading+.venue-card__details{display:none}.venue-travel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.1rem 0 1.2rem}.venue-travel p{display:flex;flex-direction:column;gap:.3rem;margin:0;padding:.75rem .85rem;border:1px solid #f0d6c0;border-radius:9px;background:#fff8f2;color:#5a3d2b;font: .9rem/1.45 Arial,sans-serif}.venue-travel strong{color:#a84509;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.venue-travel a{font-weight:700}@media(max-width:767.98px){.venue-travel{grid-template-columns:1fr;gap:.45rem}.venue-travel p{padding:.7rem .8rem}}
.venue-card__grid .venue-card__details{position:relative;margin-top:.15rem;padding:1rem 1.1rem 1rem 1.35rem;border:0;border-radius:0 10px 10px 0;background:linear-gradient(135deg,#ff6900,#e85c00);color:#fff;box-shadow:0 7px 16px rgba(190,70,0,.22)}.venue-card__grid .venue-card__details::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-radius:6px 0 0 6px;background:#4b2111}.venue-card__grid .venue-card__details strong{color:#fff;font-size:1.06em}.venue-card__grid .venue-card__details a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.venue-card__grid .venue-card__details a:hover{color:#fff7df}.venue-card__heading+.venue-card__details{margin:.1rem 0 1.15rem;background:#fff8f2;border-left-color:#e8a36d;color:#5a3d2b;font-size:.94rem}.venue-card__heading+.venue-card__details strong{color:#7a3510}
.locations-original{display:none}.locations-panel{padding:clamp(18px,2.5vw,32px)!important}.locations-intro{padding-bottom:1.25rem;border-bottom:1px solid rgba(74,48,30,.14)}.locations-intro .normal22{max-width:46rem;margin-bottom:0}.venue-card{padding:1.75rem 0;border-bottom:1px solid rgba(74,48,30,.14)}.venue-card:last-child{padding-bottom:.25rem;border-bottom:0}.venue-card__heading{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.15rem}.venue-card__number{display:grid;place-items:center;flex:0 0 2.8rem;height:2.8rem;border-radius:50%;background:#ff6900;color:#fff;font:700 1rem/1 Arial,sans-serif;letter-spacing:.04em}.venue-card h3{margin:0;color:#21160f;font-family:beer,Georgia,serif;font-size:clamp(1.9rem,3vw,2.55rem);line-height:1}.venue-card__heading p{margin:.35rem 0 0;color:#84512d;font-size:1rem;font-weight:700}.venue-card__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(250px,.92fr);gap:1.4rem;align-items:start}.venue-card .normal22{margin:0 0 .85rem}.venue-card__details{margin:0 0 1rem;padding:.8rem 1rem;border-left:4px solid #ff6900;background:#fff5ec;color:#39271c;font:1rem/1.6 Arial,sans-serif}.venue-card__link{display:inline-flex;gap:.45rem;align-items:center;font-weight:700;text-decoration:none}.venue-card__link span{font-size:1.3em;transition:transform .2s ease}.venue-card__link:hover span{transform:translateX(4px)}.venue-card__images{display:grid;gap:.85rem}.venue-card__images img,.venue-card__map img{display:block;width:100%;object-fit:cover}.venue-card__images>img{aspect-ratio:16/8;object-position:center}.venue-card__images a img{aspect-ratio:16/9}.venue-card__map{display:block;overflow:hidden;border-radius:12px}.venue-card__map img{min-height:220px;transition:transform .3s ease}.venue-card__map:hover img{transform:scale(1.025)}@media(max-width:767.98px){.venue-card{padding:1.35rem 0}.venue-card__grid{grid-template-columns:1fr;gap:1rem}.venue-card__heading{gap:.75rem}.venue-card__number{flex-basis:2.4rem;height:2.4rem}.venue-card__details{font-size:.95rem}.venue-card__images>img{aspect-ratio:16/9}}

/* Final location-card ordering override */
.venue-map-button{display:none}.venue-card__images a,.venue-card__map{display:block}.venue-card__map{overflow:visible}.venue-card__images a::after,.venue-card__map::after{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.8rem;padding:.68rem 1.2rem;border:1px solid #a9521e;border-radius:999px;background:#f5e5d7;color:#813a12;font:700 .95rem/1 Arial,sans-serif;box-shadow:0 3px 9px rgba(100,53,22,.12);transition:background .2s ease,border-color .2s ease,transform .2s ease}.venue-card__images a:hover::after,.venue-card__map:hover::after{background:#ebd0ba;border-color:#813a12;color:#642b0b;transform:translateY(-1px)}.venue-card[aria-labelledby="brussels-venue"] .venue-card__images a::after{content:"Open Brussels map →"}.venue-card[aria-labelledby="bruges-venue"] .venue-card__map::after{content:"Open Bruges map →"}.venue-card[aria-labelledby="ghent-venue"] .venue-card__map::after{content:"Open Ghent map →"}
.venue-card__grid>.venue-card__link{display:none}.venue-map-button{display:flex;align-items:center;justify-content:center;gap:.45rem;align-self:center;min-width:220px;margin:1.1rem auto 0;padding:.68rem 1.2rem;border:1px solid #a9521e;border-radius:999px;background:#f5e5d7;color:#813a12!important;font:700 .95rem/1 Arial,sans-serif;text-decoration:none;box-shadow:0 3px 9px rgba(100,53,22,.12);transition:background .2s ease,border-color .2s ease,transform .2s ease}.venue-map-button:hover,.venue-map-button:focus{background:#ebd0ba;border-color:#813a12;color:#642b0b!important;transform:translateY(-1px)}.venue-map-button span{font-size:1.2em}
.venue-card__grid{grid-template-areas:"intro visual" "meeting visual" "action action"}.venue-card__grid>div:first-child{display:contents}.venue-card__grid>.normal22{grid-area:intro}.venue-card__grid>.venue-card__details{grid-area:meeting}.venue-card__grid>.venue-card__link{grid-area:action;justify-self:center;margin-top:.15rem;min-width:min(100%,280px);justify-content:center;padding:.75rem 1.3rem;border-radius:999px;background:#ff6900;color:#fff;font-size:1rem;box-shadow:0 6px 15px rgba(190,70,0,.22);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.venue-card__grid>.venue-card__link:hover{color:#fff;background:#d95700;transform:translateY(-2px);box-shadow:0 9px 20px rgba(190,70,0,.26)}.venue-card__images,.venue-card__map{grid-area:visual}@media(max-width:767.98px){.venue-card__grid{grid-template-areas:"intro" "meeting" "visual" "action"}.venue-card__grid>.venue-card__link{width:100%}}
.venue-card[aria-labelledby="bruges-venue"]{margin:0 -12px;padding-right:12px;padding-left:12px;border-color:rgba(151,92,43,.25);border-radius:12px;background:rgba(239,213,184,.42)}
.venue-card__grid .venue-card__details{padding:1.15rem 1.15rem 1rem;border:1px solid #f2d6bd;border-radius:12px;background:linear-gradient(135deg,#fffdf9 0%,#fff3e7 100%);color:#513525;box-shadow:0 6px 18px rgba(126,66,21,.11)}.venue-card__grid .venue-card__details::before{top:0;right:0;bottom:auto;width:100%;height:5px;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#ff6900,#f4b477)}.venue-card__grid .venue-card__details strong{color:#9d4107}.venue-card__grid .venue-card__details a{color:#b64a09}.venue-card__grid .venue-card__details a:hover{color:#7e3105}
.venue-travel+.venue-card__details{display:block;order:4;margin:1.25rem 0 0;padding:.85rem 1rem;border-left:4px solid #e8a36d;border-radius:0 9px 9px 0;background:#fff8f2;color:#5a3d2b;font-size:.94rem}.venue-travel+.venue-card__details strong{color:#7a3510}

/* Image-attached location map buttons */
.venue-card__images a{overflow:hidden;border-radius:12px}.venue-card__images a img{transition:transform .3s ease}.venue-card__images a:hover img{transform:scale(1.025)}
.venue-travel{order:4;align-self:stretch;width:100%;margin:1.3rem 0 0}.venue-travel+.venue-card__details{order:5}
.venue-map-button{display:none!important}

/* Bootstrap 5.3.8 enhancement layer */
:root{--waffle-orange:#ff6900;--waffle-dark:#15110e}html{scroll-behavior:smooth;scroll-padding-top:76px}body{padding-top:72px;color:#1d1815}.site-navbar{background:rgba(21,17,14,.85);box-shadow:0 4px 20px rgba(0,0,0,.18);backdrop-filter:blur(10px)}.site-navbar .navbar-brand img{width:190px;height:auto}.site-navbar .nav-link{color:rgba(255,255,255,.88);font-weight:700;padding:.75rem .8rem}.site-navbar .nav-link:hover,.site-navbar .nav-link.active{color:#fff}.nav-book{background:var(--waffle-orange);border-radius:999px;padding-left:1rem!important;padding-right:1rem!important}.stepbox,.stepboxmargin,.stepboxmargin2,.stepboxmargin3,.stepboxmargin4,.stepboxcustom,p.light{background:rgba(255,255,255,.94)!important;color:#1d1815!important;border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 10px 30px rgba(36,25,18,.14)}.stepbox,.stepboxmargin,.stepboxmargin2,.stepboxmargin3,.stepboxmargin4,.stepboxcustom{padding:clamp(16px,2vw,28px)}.stepboxmargin{transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.stepboxmargin:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(36,25,18,.22)}.stepboxmargin img{border-radius:10px;transition:transform .35s ease}.stepboxmargin:hover img{transform:scale(1.025)}a{color:#c54f00;text-underline-offset:3px}a:hover{color:#ff6900}.btn{border-radius:999px;font-weight:700;padding:.65rem 1.35rem;box-shadow:0 5px 14px rgba(0,0,0,.12)}.btn-danger,.btn-success{border:0;background-color:var(--waffle-orange)!important}.shadow,.stepshadow{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18)!important}.ratio iframe{border-radius:14px}p.normal,p.normal2,p.normal22,p.normalleft{font-size:clamp(1rem,.5vw + .9rem,1.18rem);line-height:1.7}p.title2l,p.title2c{line-height:1.15;margin-bottom:1rem}@media(max-width:991.98px){body{padding-top:66px;background-attachment:scroll}.site-navbar .navbar-brand img{width:165px}.site-navbar .navbar-collapse{padding:1rem 0}h1{font-size:clamp(4rem,16vw,7rem)!important}h2{font-size:clamp(1.55rem,5vw,2.4rem)!important;padding-inline:1rem}}@media(max-width:575.98px){.container-fluid{padding-left:12px;padding-right:12px}.stepbox,.stepboxmargin,.stepboxmargin2,.stepboxmargin3,.stepboxmargin4,.stepboxcustom{border-radius:12px;padding:16px}p.title{font-size:2.35rem}p.title2l,p.title2c{font-size:1.8rem}p.toprices{font-size:2.2rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Workshop photo gallery */
img[src$="mascot-classic-waffle-workshop.png"],img[src$="mascot-waffle-n-beer-workshop.png"]{box-shadow:none!important}
#these1,#these2{display:none}.workshop-gallery{margin:clamp(1.5rem,4vw,3.5rem) auto!important;padding-bottom:clamp(1rem,3vw,2.5rem);max-width:1440px}.workshop-gallery__intro{text-align:center;max-width:48rem;margin:0 auto 1.5rem}.workshop-gallery__intro .normal22{margin-bottom:0}.workshop-gallery__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,clamp(82px,10vw,150px));gap:clamp(7px,1.1vw,16px)}.workshop-gallery__photo{position:relative;overflow:hidden;margin:0;border-radius:14px;background:#f5dfcb;box-shadow:0 8px 22px rgba(67,37,18,.18)}.workshop-gallery__photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.workshop-gallery__photo:hover img{transform:scale(1.06)}.workshop-gallery__photo--1{grid-area:1 / 1}.workshop-gallery__photo--2{grid-area:2 / 1}.workshop-gallery__photo--3{grid-area:3 / 1}.workshop-gallery__photo--4{grid-area:4 / 1}.workshop-gallery__photo--main{grid-area:1 / 2 / 5 / 5;border:4px solid #fff;box-shadow:0 14px 34px rgba(67,37,18,.27)}.workshop-gallery__photo--5{grid-area:1 / 5}.workshop-gallery__photo--6{grid-area:2 / 5}.workshop-gallery__photo--7{grid-area:3 / 5}.workshop-gallery__photo--8{grid-area:4 / 5}.workshop-gallery__photo--main::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(22,13,7,.72));pointer-events:none}.workshop-gallery__photo figcaption{position:absolute;z-index:1;right:clamp(.75rem,2vw,1.5rem);bottom:clamp(.65rem,2vw,1.25rem);left:clamp(.75rem,2vw,1.5rem);color:#fff;text-align:center;font-family:beer,Georgia,serif;font-size:clamp(1.25rem,2.6vw,2.35rem);line-height:1.05;text-shadow:0 2px 8px rgba(0,0,0,.45)}.workshop-gallery__cta{text-align:center;margin:1.5rem 0 0}.workshop-gallery__cta .btn{font-size:clamp(1rem,1.4vw,1.2rem)}@media(max-width:767.98px){.workshop-gallery{padding-left:12px;padding-right:12px}.workshop-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:9px}.workshop-gallery__photo{min-height:125px}.workshop-gallery__photo--main{grid-area:1 / 1 / span 2 / 3;min-height:290px}.workshop-gallery__photo--1{grid-area:3 / 1}.workshop-gallery__photo--2{grid-area:3 / 2}.workshop-gallery__photo--3{grid-area:4 / 1}.workshop-gallery__photo--4{grid-area:4 / 2}.workshop-gallery__photo--5{grid-area:5 / 1}.workshop-gallery__photo--6{grid-area:5 / 2}.workshop-gallery__photo--7{grid-area:6 / 1}.workshop-gallery__photo--8{grid-area:6 / 2}.workshop-gallery__photo figcaption{font-size:clamp(1.4rem,7vw,2rem)}}
