:root{--red:#a5250e;--deep:#641409;--gold:#c8a75a;--ink:#292521;--muted:#746d66;--cream:#f7f1e6;--line:#e6ddd0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf9;color:var(--ink);font:16px/1.7 Arial,sans-serif}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}a{text-decoration:none;color:inherit}.top{background:var(--deep);color:#f4dfcc;font-size:.8rem}.top .wrap{height:35px;display:flex;justify-content:space-between;align-items:center}.top a{font-weight:700}header.wrap{height:104px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand i{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--red);font:normal 1.7rem Georgia}.brand b,.brand small{display:block}.brand b{font:1.4rem Georgia}.brand small{color:var(--muted);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}nav{display:flex;gap:22px;font-size:.88rem;font-weight:bold}nav a:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;background:var(--red);color:white;border:1px solid var(--red);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:800}.btn:hover{background:var(--deep)}.btn.outline{background:transparent;color:var(--red)}.home-hero{min-height:610px;position:relative;display:flex;align-items:center;background:url("images/hero.svg") center/cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#260a04e8,#421109a8 58%,#0001)}.hero-copy{position:relative;color:white;padding:90px 0}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.74rem;font-weight:800;color:#e9c57b}.kicker.red{color:var(--red)}.hero-copy h1,.page-hero h1{font-family:Georgia,serif;font-weight:400;line-height:1.06}.hero-copy h1{font-size:clamp(3.1rem,7vw,5.6rem);margin:14px 0 24px}.hero-copy em{color:#e8c578}.hero-copy>p:not(.kicker){max-width:680px;color:#f2e9df;font-size:1.08rem}.hero-copy>div{display:flex;gap:28px;align-items:center;margin-top:32px}.more{border-bottom:1px solid #fff8;padding:8px 0;font-weight:bold}.tiles{position:relative;margin-top: 20px;background:white;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 18px 55px #32120620}.tiles a{padding:28px 32px;border-right:1px solid var(--line);position:relative}.tiles small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.tiles h2{font:1.55rem Georgia;margin:3px 0}.tiles b{position:absolute;right:30px;top:49px;color:var(--red)}.story,.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:110px 0}.story img,.photo img{width:100%;min-height:430px;object-fit:cover}.story h2,.split h2,.contact h2{font:3rem/1.15 Georgia;margin:8px 0 22px}.story p,.split p{color:var(--muted)}.job{margin-bottom:85px;background:var(--cream);border-left:4px solid var(--red);padding:30px 38px;display:flex;justify-content:space-between;align-items:center}.job small{color:var(--red);text-transform:uppercase;font-weight:bold}.job h2{font:1.8rem Georgia;margin:3px 0}.job p{margin:0;color:var(--muted)}.job a{color:var(--red);font-weight:bold}.order{background:var(--red);color:white}.order>.wrap{min-height:180px;display:flex;justify-content:space-between;align-items:center}.order small{color:#efc797;text-transform:uppercase;letter-spacing:.15em}.order h2{font:2.5rem Georgia;margin:0}.btn.white{background:white;color:var(--red);border-color:white}.page-hero{background:linear-gradient(110deg,var(--deep),var(--red));color:white;padding:75px 0}.page-hero h1{font-size:clamp(3rem,6vw,5rem);margin:10px 0}.page-hero .wrap>p:last-child{max-width:690px;color:#f4dcd3}.month{display:grid;grid-template-columns:.8fr 1.2fr .9fr;gap:50px;padding:85px 0}.month strong{font:3.6rem Georgia;color:var(--red)}.month ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.month li{padding:12px;border-bottom:1px solid var(--line);font-weight:bold}.month li:before{content:"◆";color:var(--gold);font-size:.55rem;margin-right:12px}.month aside,.contact article{background:var(--cream);padding:28px}.photo{position:relative}.photo>div{position:absolute;left:25px;right:25px;bottom:25px;background:white;padding:20px;display:flex;justify-content:space-between}.photo a,.phone b{color:var(--red);font-weight:bold}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:85px 0}.contact article{padding:45px}.phone{display:block;border-block:1px solid #d8ccbb;padding:15px 0;margin:25px 0}.phone small,.phone b{display:block}.phone b{font:1.7rem Georgia}.hours p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;margin:0}.hours span{color:var(--muted)}.hours>small{display:block;margin-top:18px;color:var(--muted)}.catering{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;padding:75px 0}.catering article{border:1px solid var(--line);padding:30px}.catering article header{height:auto;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.catering h2{font:2rem Georgia}.catering header b,.catering header small{display:block;text-align:right}.catering header b{color:var(--red);font-size:1.3rem}.catering li{color:var(--muted)}.note{background:var(--cream);padding:35px 40px;margin-bottom:75px;display:flex;justify-content:space-between;align-items:center}.note h2{font:2rem Georgia;margin:0}.note p{margin:5px 0;color:var(--muted)}.takeaway{display:grid;grid-template-columns:275px 1fr;gap:50px;padding:70px 0}.takeaway>aside{position:sticky;top:15px;height:max-content;background:var(--cream);padding:18px;display:flex;flex-direction:column}.takeaway>aside a{padding:7px 9px;border-bottom:1px solid #e4d7c6;font-size:.84rem}.takeaway>aside a:hover{color:var(--red)}details{border-bottom:1px solid var(--line);scroll-margin-top:20px}summary{list-style:none;display:flex;align-items:center;gap:16px;padding:19px 4px;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{color:var(--gold);font-family:Georgia}summary h2{font:1.45rem Georgia;margin:0}summary b{margin-left:auto;color:var(--red);font-size:1.4rem}details[open] summary b{transform:rotate(45deg)}details section{padding:0 40px 24px}details section p{margin:0;padding:4px 0;color:#5e5852}footer{background:#201c19;color:#aaa199;padding-top:55px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px}.foot h2,.foot h3{color:white;font-family:Georgia}.copy{margin-top:40px;padding:22px 0;border-top:1px solid #fff2;font-size:.75rem}
@media(max-width:950px){nav{display:none}.tiles{grid-template-columns:1fr}.story,.split,.contact{grid-template-columns:1fr}.month{grid-template-columns:1fr 1fr}.month aside{grid-column:1/-1}.takeaway{grid-template-columns:1fr}.takeaway>aside{position:static;display:grid;grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.top span{display:none}.top .wrap{justify-content:center}header.wrap{height:84px}.brand small{display:none}.brand b{font-size:1.05rem}.brand i{width:40px;height:40px}.head-btn{min-height:40px;padding:0 10px;font-size:.66rem}.home-hero{min-height:560px}.hero-copy h1{font-size:3.2rem}.hero-copy>div{align-items:flex-start;flex-direction:column}.tiles{margin-top:0;width:100%}.story,.split{padding:65px 0;gap:35px}.story img,.photo img{min-height:300px}.job{align-items:flex-start;flex-direction:column;gap:18px;padding:26px}.order>.wrap{align-items:flex-start;justify-content:center;flex-direction:column;gap:18px;padding:30px 0}.order h2{font-size:2rem}.page-hero{padding:55px 0}.month,.contact,.catering{grid-template-columns:1fr;padding:50px 0}.month aside{grid-column:auto}.contact article{padding:28px}.catering article{padding:24px}.note{align-items:flex-start;flex-direction:column;gap:18px}.takeaway>aside{grid-template-columns:1fr}details section{padding-left:8px;padding-right:8px}.foot{grid-template-columns:1fr}}
.brand img{width:50px;height:50px}.local-photo{width:100%;min-height:430px;background:url("images/interior.svg") center/cover}.menu-button{display:none;background:none;border:0;color:var(--red);font-size:1.6rem}@media(max-width:950px){.menu-button{display:block}header nav.open{display:flex;position:absolute;z-index:20;top:119px;left:0;right:0;padding:22px;background:#fff;flex-direction:column;box-shadow:0 12px 24px #0002}.local-photo{min-height:300px}}
.hero-slides{position:absolute;inset:0;overflow:hidden}.hero-slides img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity 1s ease,transform 5s ease}.hero-slides img.active{opacity:1;transform:scale(1)}.home-hero .shade{z-index:1}.home-hero .hero-copy{z-index:2}.local-photo.dining{background-image:url("images/onze-keuken-restaurant.png");background-size:cover;background-position:center}.job[hidden]{display:none}
.tiles>a{min-height:142px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;column-gap:22px;padding-top:24px;padding-bottom:24px}.tiles>a small{grid-column:1;grid-row:1;align-self:end}.tiles>a h2{grid-column:1;grid-row:2;align-self:start}.tiles>a b{position:static;grid-column:2;grid-row:1 / 3;align-self:center;justify-self:end}

/* Beheerbare welkomsttekst en verbeterde maandmenukaart */
.home-hero{min-height:820px}.hero-copy{padding:78px 0}.hero-copy h1{font-size:clamp(3rem,6vw,5rem);margin:0 0 20px}.home-managed-text{max-width:820px!important;margin:0;white-space:pre-line;color:#fff8f0!important;font-size:1rem!important;line-height:1.62;text-shadow:0 1px 2px #2b0905}.tiles+.job{margin-top:90px}.month-page .page-hero{padding-bottom:120px}.month-page #menu-maand{display:inline-flex;align-items:center;margin:0;padding:8px 16px;border:1px solid #e9c979;background:#4f0f08;color:#f3d98f;font-size:.9rem;box-shadow:0 8px 20px #2c08042e}.month-page .month{position:relative;z-index:3;margin-top:-68px;margin-bottom:78px;padding:44px 48px;background:#fff;border-top:5px solid var(--gold);box-shadow:0 20px 55px #3813081c}.month-page .month>div{padding-right:20px;border-right:1px solid var(--line)}.month-page .month strong{display:block;margin-top:8px;font-size:3.25rem;line-height:1.1}.month-page .month aside{border-left:3px solid var(--red)}
@media(max-width:650px){.home-hero{min-height:1010px;align-items:flex-start}.hero-copy{padding:58px 0}.hero-copy h1{font-size:3rem}.home-managed-text{font-size:.92rem!important;line-height:1.55}.tiles+.job{margin-top:55px}.month-page .page-hero{padding-bottom:90px}.month-page .month{margin-top:-44px;padding:30px 24px}.month-page .month>div{padding:0 0 24px;border-right:0;border-bottom:1px solid var(--line)}.month-page .month strong{font-size:2.8rem}}
.month-card-label{margin:0 0 7px;color:var(--red);font:2rem/1.15 Georgia,serif}.month-card-label+.kicker{margin-top:0}

/* Alleen de foto-opbouw op de restaurantpagina herstellen */
.photo>.local-photo{position:relative;left:auto;right:auto;bottom:auto;padding:0;display:block;background-color:transparent}.local-photo.interior{background-image:url("images/Slide2.jpg");background-size:cover;background-position:center}.photo>.local-photo+div{position:absolute;left:25px;right:25px;bottom:25px}

/* Homepage terug naar compacte slider; nieuwe foto-overzichten */
.home-hero{min-height:610px}.hero-copy{padding:90px 0}.hero-copy h1{font-size:clamp(3.1rem,7vw,5.6rem);margin:14px 0 24px}.story-managed-text{white-space:pre-line}.restaurant-gallery{padding:0 0 90px}.restaurant-gallery h2{font:2.5rem Georgia;margin:0 0 24px}.restaurant-gallery>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.restaurant-gallery img{width:100%;height:155px;object-fit:cover;display:block}.catering-photo{padding-top:70px}.catering-photo img{width:100%;height:420px;object-fit:cover;display:block}.catering-photo+.catering{padding-top:35px}
@media(max-width:650px){.home-hero{min-height:560px}.hero-copy{padding:70px 0}.hero-copy h1{font-size:3.2rem}.story{grid-template-columns:1fr}.restaurant-gallery{padding-bottom:55px}.restaurant-gallery>div{grid-template-columns:repeat(2,1fr);gap:9px}.restaurant-gallery img{height:120px}.catering-photo{padding-top:45px}.catering-photo img{height:260px}}

/* Menubeschrijvingen en lichtere homepagefoto's */
.home-hero .shade{background:linear-gradient(90deg,rgba(38,10,4,.62),rgba(66,17,9,.34) 58%,rgba(0,0,0,.04))}.mobile-order{display:none}.category-intro{margin:0 0 20px!important;padding:14px 16px!important;background:var(--cream);border-left:3px solid var(--gold);font-weight:700;color:var(--ink)!important}.dish{display:flex;flex-direction:column;gap:2px;padding:9px 0!important;border-bottom:1px solid #eee6dc}.dish strong{font-weight:700;color:var(--ink)}.dish small{display:block;padding-left:18px;color:var(--muted);font-size:.92rem;line-height:1.5;white-space:pre-line}.dish small:before,.dish small:after{content:none}
@media(max-width:950px){header nav.open .mobile-order{display:flex;align-items:center;justify-content:center;margin-top:8px;min-height:46px;padding:0 18px;background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:800}}
@media(max-width:950px){header nav.open .mobile-order{order:4}header nav.open>a:nth-child(4):not(.mobile-order){order:5}header nav.open>a:nth-child(5):not(.mobile-order){order:6}header nav.open>a:nth-child(6):not(.mobile-order){order:7}}
@media(max-width:650px){.dish small{padding-left:10px}.category-intro{padding:12px!important}}

/* Interactieve 360-gradenrondleidingen */
.virtual-tour{padding:0 0 90px}.virtual-tour-head{max-width:720px;margin-bottom:26px}.virtual-tour-head h2{font:2.5rem/1.15 Georgia;margin:7px 0 12px}.virtual-tour-head>p:last-child{margin:0;color:var(--muted)}.virtual-tour-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.virtual-tour-grid>a{position:relative;display:flex;align-items:flex-end;min-height:290px;background-size:cover;background-position:center;overflow:hidden}.virtual-tour-grid>a:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#2b0a06d9 0%,#2b0a0610 65%)}.virtual-tour-grid span{position:relative;display:flex;justify-content:space-between;align-items:end;width:100%;padding:25px;color:#fff}.virtual-tour-grid b{font:1.65rem Georgia}.virtual-tour-grid small{font-weight:700}.virtual-tour-grid>a:hover span{color:#f0cf84}
@media(max-width:650px){.virtual-tour{padding-bottom:55px}.virtual-tour-grid{grid-template-columns:1fr}.virtual-tour-grid>a{min-height:220px}.virtual-tour-grid span{align-items:flex-start;flex-direction:column;gap:4px;padding:20px}}
.mobile-order{display:none!important}
