
#zin-menu-preview{line-height:1.4}
#zin-menu-preview .zin-brand{display:flex;align-items:center;gap:0}
#zin-menu-preview .zin-brand small{font-size:inherit!important}
#zin-menu-preview .zin-brand::before{content:"";display:block;width:64px;height:64px;flex-shrink:0;margin-right:12px;background:url('/afbeeldingen/logos/lus-logo.png') center/contain no-repeat}

#zin-menu-preview{--zin-bg:#102536;--zin-text:#f8fafc;--zin-gold:#ffc65d;--zin-muted:#b8c9d5;color:var(--zin-text);font-family:Arial,sans-serif;background:var(--zin-bg);overflow:hidden;border-radius:12px;color-scheme:dark}
#zin-menu-preview *{box-sizing:border-box}
#zin-menu-preview .zin-header{padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #ffffff20;background:var(--zin-bg);position:relative;z-index:2}
#zin-menu-preview .zin-brand{white-space:nowrap;font-size:25px;letter-spacing:-1px;color:var(--zin-text);font-weight:500}
#zin-menu-preview .zin-brand span{color:var(--zin-gold)}
#zin-menu-preview .zin-brand small{font-size:17px;letter-spacing:0}
#zin-menu-preview nav{display:flex;align-items:center;gap:20px}
#zin-menu-preview button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:12px 0;white-space:nowrap;font-size:13px}
#zin-menu-preview button:hover,#zin-menu-preview button[aria-expanded=true]{color:var(--zin-gold)}
#zin-menu-preview .zin-contact{padding:11px 19px;border:0;border-radius:50px;color:var(--zin-gold)}
#zin-menu-preview .zin-home{color:var(--zin-gold);box-shadow:0 2px var(--zin-gold)}
#zin-menu-preview .zin-mobile{display:none}
#zin-menu-preview .zin-dropdown{padding:24px 30px;background:#183449;position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;border-bottom:1px solid #ffffff20}
#zin-menu-preview [hidden]{display:none!important}
@media(min-width:651px){#zin-menu-preview .zin-dropdown[data-menu=brein]{grid-auto-flow:column;grid-template-rows:repeat(3,auto)}#zin-menu-preview .zin-dropdown[data-menu=leren]{grid-auto-flow:column;grid-template-rows:repeat(4,auto)}}
#zin-menu-preview .zin-dropdown button{text-align:left;white-space:normal;padding:8px 0;color:#e0eaf0}
#zin-menu-preview .zin-hero{position:relative;overflow:hidden;aspect-ratio:1.99;background:#173448}
#zin-menu-preview .zin-hero img{display:block;width:100%;height:auto;margin-top:-8.7%}
#zin-menu-preview .zin-footer{padding:17px 30px;display:flex;justify-content:space-between;gap:16px;color:var(--zin-muted);font-size:12px;letter-spacing:1px}
#zin-menu-preview .zin-footer span:last-child{color:var(--zin-gold)}
#zin-menu-preview.zin-mobile-view .zin-header{flex-wrap:wrap}
#zin-menu-preview.zin-mobile-view .zin-mobile{display:block}
#zin-menu-preview.zin-mobile-view nav{display:none;width:100%;align-items:stretch;flex-direction:column;gap:5px}
#zin-menu-preview.zin-mobile-view nav.zin-open{display:flex}
@media(max-width:650px){#zin-menu-preview .zin-header{padding:18px 22px;flex-wrap:wrap}#zin-menu-preview .zin-mobile{display:block}#zin-menu-preview nav{display:none;width:100%;align-items:stretch;flex-direction:column;gap:5px}#zin-menu-preview nav.zin-open{display:flex}#zin-menu-preview .zin-dropdown{grid-template-columns:1fr;padding:18px 22px}#zin-menu-preview .zin-footer{padding:16px 22px;letter-spacing:0;flex-wrap:wrap}}


#zin-menu-preview{border-radius:0;overflow:visible}
#zin-menu-preview .zin-header{padding:24px max(30px,calc((100% - 1250px)/2));min-height:94px}
#zin-menu-preview .zin-brand{font-size:30px}
#zin-menu-preview nav{gap:30px}
#zin-menu-preview button{font-size:16px}
#zin-menu-preview .zin-dropdown{padding:24px max(30px,calc((100% - 1250px)/2))}
.home-hero{overflow:hidden;aspect-ratio:1.99}
.home-hero>img{margin-top:-8.7%}
.home-hero__logo{display:none}
@media(max-width:850px){#zin-menu-preview .zin-header{flex-wrap:wrap}#zin-menu-preview .zin-mobile{display:block}#zin-menu-preview nav{display:none;width:100%;align-items:stretch;flex-direction:column;gap:5px}#zin-menu-preview nav.zin-open{display:flex}}

#zin-menu-preview a{color:inherit;text-decoration:none;font-size:16px}
#zin-menu-preview a:hover,#zin-menu-preview a[aria-current=page]{color:var(--zin-gold)}
#zin-menu-preview .zin-dropdown a{padding:8px 0}
#zin-menu-preview:not(.enhanced) .zin-mobile,#zin-menu-preview:not(.enhanced) [data-menu]{display:none}
#zin-menu-preview:not(.enhanced) nav{display:flex}
