.elementor-kit-6{--e-global-color-primary:#980000;--e-global-color-secondary:#381C0E;--e-global-color-text:#381C0E;--e-global-color-accent:#980000;--e-global-typography-primary-font-family:"FS Onest";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"FS Onest";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"FS Onest";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"FS Onest";--e-global-typography-accent-font-weight:700;background-color:#F0E6E1;font-family:"FS Onest", Sans-serif;font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --fs-papier:#F0E6E1; --fs-soja:#381C0E; --fs-rood:#980000; --fs-lak:#7A0000; --fs-taupe:#8A7970; --fs-wit:#FFFFFF; --fs-papier-licht:#F8F3F0; --fs-papier-diep:#E6D7CF; --fs-taupe-diep:#5E4F47; --font-heading:FS Mona; --font-body:FS Onest; }
/* Start custom CSS *//* Feng Sheng: zelf gehoste fonts */
@font-face { font-family: 'FS Mona'; font-style: normal; font-weight: 600 900; font-stretch: 78% 100%; font-display: swap; src: url('/wp-content/uploads/fonts/mona-sans-w78-100-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'FS Onest'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/wp-content/uploads/fonts/onest-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'FS Han'; font-style: normal; font-weight: 900; font-display: swap; src: url('/wp-content/uploads/fonts/fengsheng-han-900.woff2') format('woff2'); }
@font-face { font-family: 'FS Mona Fallback'; src: local('Arial Narrow'), local('Liberation Sans Narrow'), local('Arial'); size-adjust: 96%; ascent-override: 98%; descent-override: 26%; line-gap-override: 0%; }
@font-face { font-family: 'FS Onest Fallback'; src: local('Arial'), local('Liberation Sans'); size-adjust: 103%; ascent-override: 98%; descent-override: 26%; line-gap-override: 0%; }
:root { --font-heading: 'FS Mona', 'FS Mona Fallback', 'Arial Narrow', Arial, sans-serif; --font-body: 'FS Onest', 'FS Onest Fallback', Arial, sans-serif; }
body { background-color: #F0E6E1; color: #381C0E; font-family: 'FS Onest', 'FS Onest Fallback', Arial, sans-serif; }
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base { font-family: 'FS Mona', 'FS Mona Fallback', 'Arial Narrow', Arial, sans-serif !important; font-stretch: 82%; color: #381C0E; font-weight: 800; letter-spacing: -0.005em; text-wrap: balance; }
h1.e-heading-base { font-size: clamp(2.6rem, 1.5rem + 3vw, 4.2rem); line-height: 1; } h2.e-heading-base { font-size: clamp(2rem, 1.45rem + 1.5vw, 2.8rem); line-height: 1.04; } h3.e-heading-base { font-size: 1.4rem; line-height: 1.2; font-weight: 760; font-stretch: 86%; }
.e-button-base, p.e-paragraph-base, .e-paragraph-base, input, textarea, select, label { font-family: 'FS Onest', 'FS Onest Fallback', Arial, sans-serif; }
p.e-paragraph-base, .e-paragraph-base { color: #381C0E; font-size: 1.08rem; line-height: 1.65; max-width: 68ch; text-wrap: pretty; }
/* links: nooit onderstreept */
.e-paragraph-base a { color: #980000; font-weight: 650; text-decoration: none; }
a.e-button-base, a.e-con, a.e-div-block-base { text-decoration: none !important; }
.e-paragraph-base:empty { display: none; }
.e-paragraph-base + ul, .e-paragraph-base ul { margin: 0; padding-left: 1.2em; }
/* ===== achthoek uit de lijst van het embleem ===== */
.fs-oct { clip-path: polygon(var(--k, 16px) 0, calc(100% - var(--k, 16px)) 0, 100% var(--k, 16px), 100% calc(100% - var(--k, 16px)), calc(100% - var(--k, 16px)) 100%, var(--k, 16px) 100%, 0 calc(100% - var(--k, 16px)), 0 var(--k, 16px)); } .fs-foto { --k: 28px; } .fs-feitenblok, .fs-tijdenblok { --k: 18px; }
.fs-knop, .fs-chip, .fs-menuknop, .fs-skip { --k: 9px; clip-path: polygon(var(--k, 16px) 0, calc(100% - var(--k, 16px)) 0, 100% var(--k, 16px), 100% calc(100% - var(--k, 16px)), calc(100% - var(--k, 16px)) 100%, var(--k, 16px) 100%, 0 calc(100% - var(--k, 16px)), 0 var(--k, 16px)); }
.fs-knop:focus-visible, .fs-chip:focus-visible, .fs-menuknop:focus-visible { outline: 2px solid currentColor !important; outline-offset: -7px !important; }
/* golfranden */
.fs-golfrand { position: relative; }
.fs-golfrand::before { content: ''; position: absolute; left: 0; right: 0; top: -13px; height: 14px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='14' viewBox='0 0 44 14'><path d='M0 14 V8 Q11 0 22 8 T44 8 V14 Z' fill='%23381C0E'/></svg>") repeat-x 0 100% / 44px 14px; pointer-events: none; }
.fs-golfrand-rood::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='14' viewBox='0 0 44 14'><path d='M0 14 V8 Q11 0 22 8 T44 8 V14 Z' fill='%23980000'/></svg>"); } .fs-cta .fs-bel { color: #F0E6E1 !important; }
/* ===== header: naambord + afhaalloket ===== */
.elementor-location-header { position: sticky; top: 0; z-index: 1000; }
.fs-header { position: relative; } .fs-header::after { content: ''; position: absolute; left: 0; right: 0; bottom: -11px; height: 12px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='44' height='12' viewBox='0 0 44 12'><path d='M0 0 V5 Q11 12 22 5 T44 5 V0 Z' fill='%23F0E6E1'/></svg>") repeat-x 0 0 / 44px 12px; pointer-events: none; z-index: 1; }
.fs-balk { position: relative; z-index: 3; height: 92px; padding: 0 28px 0 36px !important; }
.fs-bord { position: relative; align-self: flex-start !important; flex: 0 0 76px !important; width: 76px !important; height: 148px; margin-bottom: -56px; background-color: #980000; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px)); display: flex !important; flex-direction: column; align-items: center; justify-content: flex-end; gap: 7px; padding: 0 9px 16px !important; transition: transform .3s cubic-bezier(.23,1,.32,1); }
.fs-bordhan { font-family: 'FS Han', 'Noto Sans TC', 'PingFang TC', sans-serif !important; font-weight: 900; writing-mode: vertical-rl; text-orientation: upright; white-space: nowrap; flex: 0 0 auto; font-size: 17px !important; line-height: 1 !important; letter-spacing: .04em; max-width: none !important; color: #F0E6E1 !important; margin: 0 !important; }
.fs-bordembleem { width: 44px !important; height: auto; flex: 0 0 auto; }
.fs-klein .fs-bord { transform: translateY(-56px); }
.fs-woord { font-family: 'FS Mona', 'FS Mona Fallback', 'Arial Narrow', Arial, sans-serif !important; font-weight: 820; font-stretch: 80%; font-size: 1.95rem !important; line-height: .95 !important; color: #381C0E !important; letter-spacing: -0.005em; }
.fs-woordsub { font-size: .86rem !important; line-height: 1.2 !important; font-weight: 600; color: #980000 !important; }
.fs-links { margin-right: auto; }
.fs-navlink { position: relative; color: #381C0E !important; font-weight: 600 !important; font-size: 1.02rem !important; padding: 12px 11px !important; min-height: 48px !important; white-space: nowrap; flex: 0 0 auto !important; }
.fs-navlink::after { content: ''; position: absolute; left: 50%; bottom: 3px; width: 9px; height: 9px; background: #980000; clip-path: polygon(2.6px 0, calc(100% - 2.6px) 0, 100% 2.6px, 100% calc(100% - 2.6px), calc(100% - 2.6px) 100%, 2.6px 100%, 0 calc(100% - 2.6px), 0 2.6px); opacity: 0; transform: translate(-50%, 5px); transition: opacity .2s cubic-bezier(.23,1,.32,1), transform .25s cubic-bezier(.23,1,.32,1); }
.fs-navlink:hover, .fs-navlink:focus-visible, .fs-navlink[aria-current] { color: #980000 !important; } .fs-navlink:hover::after, .fs-navlink:focus-visible::after, .fs-navlink[aria-current]::after { opacity: 1; transform: translate(-50%, 0); }
.fs-loket { clip-path: polygon(16px 0, 100% 0, 100% 100%, 16px 100%, 0 calc(100% - 16px), 0 16px); }
.fs-hdrstatus, .fs-hdrstatus .fs-status { color: #F0E6E1 !important; font-size: .96rem !important; line-height: 1.3 !important; font-weight: 500; white-space: nowrap; }
.fs-status { display: inline-flex; align-items: center; gap: 9px; } .fs-lamp { width: 10px; height: 10px; flex: 0 0 10px; clip-path: polygon(3px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0 calc(100% - 3px), 0 3px); background: currentColor; opacity: .45; } .fs-isopen .fs-lamp { opacity: 1; }
.fs-hdrknop { background-color: #980000 !important; color: #FFFFFF !important; } .fs-hdrknop:hover { background-color: #7A0000 !important; }
.fs-menuknop { display: none !important; }
.fs-menulabel { color: #F0E6E1 !important; font-weight: 650; font-size: 1.04rem !important; line-height: 1 !important; }
@media (min-width: 1700px) { .fs-balk { max-width: 1580px !important; } } @media (max-width: 1699px) { .fs-hdrstatus { display: none; } .fs-loket { padding-inline-start: 22px !important; } }
@media (min-width: 1340px) and (max-width: 1459px) { .fs-navlink { padding-inline: 8px !important; } .fs-links { gap: 22px !important; } .fs-woordsub { font-size: .8rem !important; } }
@media (max-width: 1339px) { .fs-nav, .fs-loket { display: none !important; } .fs-menuknop { display: flex !important; margin-left: auto; } .fs-balk { height: 72px; padding: 0 16px 0 16px !important; gap: 14px !important; } .fs-bord { flex-basis: 54px !important; width: 54px !important; height: 92px; margin-bottom: -20px; padding: 0 6px 14px !important; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px)); } .fs-bordhan { display: none !important; } .fs-bordembleem { width: 42px !important; } .fs-klein .fs-bord { transform: translateY(-20px); } .fs-woord { font-size: 1.55rem !important; } .fs-woordsub { font-size: .78rem !important; } }
@media (max-width: 400px) { .fs-woordsub { display: none; } } .fs-woordlink { min-height: 48px; justify-content: center; }
/* ===== mobiel menu: het naambord rolt uit (eerst omlaag, dan opzij), grote genummerde items ===== */
.fs-nummers { display: none !important; }
@media (max-width: 1339px) { .fs-nummers { display: block !important; position: fixed !important; inset: 0; z-index: 2; background-color: #980000; padding: 112px 24px 40px 24px !important; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; visibility: hidden; opacity: 0; clip-path: inset(0 calc(100% - 70px) 100% 16px); transition: opacity .18s linear, visibility 0s linear .18s; } .fs-open .fs-nummers { visibility: visible; opacity: 1; clip-path: inset(0 0 0 0); transition: none; animation: fs-ontrol .5s cubic-bezier(.77,0,.175,1) both; } }
@keyframes fs-ontrol { 0% { clip-path: inset(0 calc(100% - 70px) 100% 16px); } 48% { clip-path: inset(0 calc(100% - 70px) 0 16px); } 100% { clip-path: inset(0 0 0 0); } }
html.fs-lock, html.fs-lock body { overflow: hidden; }
.fs-open .fs-balk { background: transparent; } .fs-open .fs-woord, .fs-open .fs-woordsub { color: #F0E6E1 !important; transition: color .2s linear .2s; } .fs-open .fs-menuknop { background-color: #381C0E !important; }
.fs-nummerlink { padding: 13px 4px !important; border-bottom: 1px solid rgba(240,230,225,.28); opacity: 0; transform: translateY(14px); transition: opacity .3s cubic-bezier(.23,1,.32,1), transform .4s cubic-bezier(.23,1,.32,1), background-color .2s cubic-bezier(.23,1,.32,1); }
.fs-open .fs-nummerlink { opacity: 1; transform: none; }
.fs-open .fs-nummerlink:nth-child(1) { transition-delay: 0.240s; } .fs-open .fs-nummerlink:nth-child(2) { transition-delay: 0.280s; } .fs-open .fs-nummerlink:nth-child(3) { transition-delay: 0.320s; } .fs-open .fs-nummerlink:nth-child(4) { transition-delay: 0.360s; } .fs-open .fs-nummerlink:nth-child(5) { transition-delay: 0.400s; } .fs-open .fs-nummerlink:nth-child(6) { transition-delay: 0.440s; } .fs-open .fs-nummerlink:nth-child(7) { transition-delay: 0.480s; } .fs-open .fs-nummerlink:nth-child(8) { transition-delay: 0.520s; } 
.fs-nummer { font-family: 'FS Mona', 'FS Mona Fallback', 'Arial Narrow', Arial, sans-serif !important; font-weight: 700; font-stretch: 90%; font-size: 1.02rem !important; color: #F0E6E1 !important; flex: 0 0 auto !important; width: auto !important; white-space: nowrap; font-variant-numeric: tabular-nums; }
.fs-nummertekst { font-family: 'FS Mona', 'FS Mona Fallback', 'Arial Narrow', Arial, sans-serif !important; font-weight: 820; font-stretch: 80%; font-size: clamp(1.9rem, 1.3rem + 3vw, 2.6rem) !important; line-height: 1.05 !important; color: #F0E6E1 !important; }
.fs-nummerlink[aria-current] .fs-nummertekst::after { content: ''; display: inline-block; width: 12px; height: 12px; margin-left: 12px; vertical-align: middle; background: #F0E6E1; clip-path: polygon(3.5px 0, calc(100% - 3.5px) 0, 100% 3.5px, 100% calc(100% - 3.5px), calc(100% - 3.5px) 100%, 3.5px 100%, 0 calc(100% - 3.5px), 0 3.5px); }
.fs-nummerlink:active { transform: scale(.99); } .fs-nummerlink:focus-visible { outline: 2px solid #F0E6E1 !important; outline-offset: 2px; }
.fs-paneelonder { opacity: 0; transition: opacity .3s cubic-bezier(.23,1,.32,1); } .fs-open .fs-paneelonder { opacity: 1; transition-delay: .5s; }
.fs-paneelstatus, .fs-paneelstatus .fs-status, .fs-paneeladres { color: #F0E6E1 !important; font-size: 1.02rem !important; }
/* ===== hero: achthoekig venster op soja-bruin ===== */
.fs-hero { position: relative; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='34' viewBox='0 0 64 34'><g fill='none' stroke='%238A7970' stroke-opacity='0.35' stroke-width='2' stroke-linecap='round'><path d='M0 7 Q16 0 32 7 T64 7'/><path d='M0 18 Q16 11 32 18 T64 18'/><path d='M0 29 Q16 22 32 29 T64 29'/></g></svg>"); background-repeat: repeat-x; background-position: 0 calc(100% - 36px); background-size: 64px 34px; }
.fs-podium { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 700px) minmax(0, 1fr); gap: 24px; align-items: start; }
.fs-venster { --k: 42px; clip-path: polygon(var(--k, 16px) 0, calc(100% - var(--k, 16px)) 0, 100% var(--k, 16px), 100% calc(100% - var(--k, 16px)), calc(100% - var(--k, 16px)) 100%, var(--k, 16px) 100%, 0 calc(100% - var(--k, 16px)), 0 var(--k, 16px)); position: relative; grid-column: 2; grid-row: 1; }
.fs-hfoto { position: static !important; width: 100% !important; max-width: 250px; aspect-ratio: 1; --k: 56px; grid-row: 1; }
.fs-hfoto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.fs-hfoto-a { grid-column: 1; justify-self: end; align-self: start; } .fs-hfoto-b { grid-column: 3; justify-self: start; align-self: end; }
@media (max-width: 1024px) { .fs-podium { grid-template-columns: minmax(0, 1fr); gap: 16px; } .fs-hfoto-a { display: none !important; } .fs-venster { grid-column: 1; grid-row: 2; } .fs-hfoto-b { grid-column: 1; grid-row: 1; justify-self: end; align-self: auto; max-width: 160px; --k: 34px; } }
@media (max-width: 767px) { .fs-hfoto-b { max-width: 120px; --k: 28px; } .fs-venster { --k: 26px; } }
@media (min-width: 1025px) { .fs-hero { padding-top: 80px !important; } }
/* ===== huisregister ===== */
.fs-regnr { font-family: 'FS Mona', 'FS Mona Fallback', 'Arial Narrow', Arial, sans-serif !important; font-weight: 700; font-stretch: 90%; font-size: 1rem !important; color: #5E4F47 !important; flex: 0 0 2.4rem; width: 2.4rem; font-variant-numeric: tabular-nums; }
.fs-regnaam { font-size: clamp(1.4rem, 1.2rem + .6vw, 1.75rem) !important; line-height: 1.1 !important; }
.fs-regprijs { margin-left: auto !important; font-weight: 650; font-size: 1.08rem !important; color: #381C0E !important; white-space: nowrap; font-variant-numeric: tabular-nums; }
.fs-reguitleg { padding-left: calc(2.4rem + 16px); } @media (max-width: 767px) { .fs-reguitleg { padding-left: 0; } }
/* ===== stappen ===== */
.fs-stapnr { --k: 15px; clip-path: polygon(var(--k, 16px) 0, calc(100% - var(--k, 16px)) 0, 100% var(--k, 16px), 100% calc(100% - var(--k, 16px)), calc(100% - var(--k, 16px)) 100%, var(--k, 16px) 100%, 0 calc(100% - var(--k, 16px)), 0 var(--k, 16px)); width: 56px; height: 56px; display: grid !important; place-items: center; background: #980000; color: #FFFFFF !important; font-family: 'FS Mona', 'FS Mona Fallback', 'Arial Narrow', Arial, sans-serif !important; font-weight: 800; font-size: 1.5rem !important; line-height: 1 !important; }
/* ===== bonnen (maandmenu, vaste menu's, buffetten) ===== */
.fs-bonnen { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; container-type: inline-size; }
.fs-bon { --k: 18px; clip-path: polygon(var(--k, 16px) 0, calc(100% - var(--k, 16px)) 0, 100% var(--k, 16px), 100% calc(100% - var(--k, 16px)), calc(100% - var(--k, 16px)) 100%, var(--k, 16px) 100%, 0 calc(100% - var(--k, 16px)), 0 var(--k, 16px)); background: #E6D7CF; padding: 28px 30px 26px; display: flex; flex-direction: column; gap: 14px; }
.fs-donker .fs-bon { background: #4A2C1E; }
.fs-bon-kop { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding-bottom: 12px; border-bottom: 1px solid #8A7970; flex-wrap: wrap; row-gap: 6px; }
.fs-bon h3 { font-family: 'FS Mona', 'FS Mona Fallback', 'Arial Narrow', Arial, sans-serif; font-weight: 800; font-stretch: 82%; font-size: 1.45rem; line-height: 1.1; margin: 0; color: #381C0E; }
.fs-bon-prijs { margin: 0; font-family: 'FS Mona', 'FS Mona Fallback', 'Arial Narrow', Arial, sans-serif; font-weight: 800; font-stretch: 86%; font-size: 1.5rem; line-height: 1; color: #980000; white-space: nowrap; } .fs-bon-prijs span { font-family: 'FS Onest', 'FS Onest Fallback', Arial, sans-serif; font-size: .95rem; font-weight: 600; color: #5E4F47; }
.fs-bon ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; } .fs-bon li { position: relative; padding-left: 20px; font-size: 1.04rem; line-height: 1.45; color: #381C0E; }
.fs-bon li::before { content: ''; position: absolute; left: 0; top: .5em; width: 8px; height: 8px; background: #980000; clip-path: polygon(2.4px 0, calc(100% - 2.4px) 0, 100% 2.4px, 100% calc(100% - 2.4px), calc(100% - 2.4px) 100%, 2.4px 100%, 0 calc(100% - 2.4px), 0 2.4px); }
.fs-donker .fs-bon h3, .fs-donker .fs-bon li { color: #F0E6E1; } .fs-donker .fs-bon-prijs { color: #F0E6E1; } .fs-donker .fs-bon-prijs span { color: #C9BBB3; } .fs-donker .fs-bon li::before { background: #F0E6E1; } .fs-donker .fs-bon-kop { border-color: rgba(240,230,225,.3); } .fs-donker h2.e-heading-base, .fs-donker h3.e-heading-base, .fs-donker p.e-paragraph-base { color: #F0E6E1; } .fs-donker .fs-venster h1.e-heading-base, .fs-donker .fs-venster p.e-paragraph-base { color: #381C0E; }
/* ===== menukaart ===== */
.fs-kaartblok { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 64px; align-items: start; max-width: none !important; }
.fs-index { position: sticky; top: 120px; } .fs-index ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border-left: 2px solid #E6D7CF; }
.fs-index a { display: block; padding: 7px 0 7px 16px; margin-left: -2px; border-left: 2px solid transparent; color: #381C0E; font-weight: 550; font-size: 1rem; line-height: 1.3; text-decoration: none; transition: color .2s cubic-bezier(.23,1,.32,1), border-color .2s cubic-bezier(.23,1,.32,1); }
.fs-index a:hover, .fs-index a:focus-visible { color: #980000; } .fs-index a[aria-current] { color: #980000; border-left-color: #980000; font-weight: 700; }
.fs-rubriek { scroll-margin-top: 120px; padding-bottom: 56px; }
.fs-rubriek-kop h2 { font-family: 'FS Mona', 'FS Mona Fallback', 'Arial Narrow', Arial, sans-serif; font-weight: 800; font-stretch: 82%; font-size: clamp(1.8rem, 1.4rem + 1vw, 2.3rem); line-height: 1.05; margin: 0 0 6px; color: #381C0E; } .fs-rubriek-kop p { margin: 0 0 14px; color: #5E4F47; font-size: 1.04rem; }
.fs-lijst { list-style: none; margin: 0; padding: 0; border-top: 2px solid #381C0E; }
.fs-gerecht { display: grid; grid-template-columns: 3.6ch minmax(0, 1fr) auto; column-gap: 14px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid #E6D7CF; }
.fs-nr { font-family: 'FS Mona', 'FS Mona Fallback', 'Arial Narrow', Arial, sans-serif; font-weight: 700; font-stretch: 90%; color: #5E4F47; font-variant-numeric: tabular-nums; font-size: 1rem; }
.fs-zonder-nr { grid-template-columns: minmax(0, 1fr) auto; }
.fs-wat { display: flex; flex-direction: column; gap: 2px; } .fs-naam { font-weight: 650; font-size: 1.06rem; line-height: 1.35; color: #381C0E; } .fs-omschr { font-size: .98rem; line-height: 1.45; color: #5E4F47; }
.fs-prijs { font-weight: 650; font-size: 1.04rem; color: #381C0E; white-space: nowrap; font-variant-numeric: tabular-nums; }
.fs-menu .fs-lijst { border-top-width: 1px; }
@media (max-width: 1024px) { .fs-kaartblok { grid-template-columns: minmax(0, 1fr); gap: 24px; } .fs-index { top: 70px; z-index: 5; background: #F0E6E1; margin: 0 -16px; padding: 8px 16px; border-bottom: 1px solid #E6D7CF; } .fs-index ul { flex-direction: row; overflow-x: auto; border-left: 0; gap: 4px; scrollbar-width: none; } .fs-index a { white-space: nowrap; border-left: 0; margin: 0; padding: 10px 12px; border-bottom: 2px solid transparent; } .fs-index a[aria-current] { border-bottom-color: #980000; } .fs-rubriek { scroll-margin-top: 140px; } }
.fs-nummerlink, .fs-plaats, .fs-regkop { align-items: baseline !important; } .fs-plaatsen { column-gap: 32px !important; }
.fs-woordterm { font-family: 'FS Mona', 'FS Mona Fallback', 'Arial Narrow', Arial, sans-serif !important; font-weight: 800; font-stretch: 84%; font-size: 1.2rem !important; line-height: 1.1 !important; color: #980000 !important; } .fs-woorduitleg { font-size: 1rem !important; line-height: 1.45 !important; }
/* ===== tijden ===== */
.fs-dagen { margin: 0; display: grid; gap: 0; } .fs-dag { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; border-bottom: 1px solid rgba(138,121,112,.35); font-variant-numeric: tabular-nums; } .fs-dag dt, .fs-dag dd { margin: 0; font-size: 1.04rem; }
.fs-vandaag dt, .fs-vandaag dd { font-weight: 700; } .fs-label-vandaag { font-size: .82rem; font-weight: 700; color: #FFFFFF; background: #980000; padding: 2px 8px; margin-left: 6px; vertical-align: 1px; }
.fs-noot { margin: 8px 0 0; font-size: .98rem; line-height: 1.5; }
.e-paragraph-base ul.fs-kort, ul.fs-kort { list-style: none; margin: 0; padding: 0 !important; display: grid; gap: 4px; } .fs-kort li { display: flex; justify-content: space-between; gap: 24px; max-width: 340px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.fs-footer .fs-kort, .fs-footer .fs-noot { color: #F0E6E1; font-size: 1.02rem; line-height: 1.55; }
/* ===== footer: groot embleem in de hoek ===== */
.fs-footer::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 40px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='34' viewBox='0 0 64 34'><g fill='none' stroke='%238A7970' stroke-opacity='0.55' stroke-width='2' stroke-linecap='round'><path d='M0 7 Q16 0 32 7 T64 7'/><path d='M0 18 Q16 11 32 18 T64 18'/><path d='M0 29 Q16 22 32 29 T64 29'/></g></svg>") repeat-x 0 0 / 64px 34px; pointer-events: none; }
.fs-footer::after { content: ''; position: absolute; right: -60px; bottom: -170px; width: 540px; height: 590px; background: url('/wp-content/uploads/2026/10/embleem-feng-sheng-wit.webp') center / contain no-repeat; opacity: .08; pointer-events: none; }
@media (max-width: 767px) { .fs-footer::after { width: 320px; height: 350px; right: -70px; bottom: -110px; } }
.fs-footer-link { color: #F0E6E1 !important; min-height: 34px !important; transition: color .2s cubic-bezier(.23,1,.32,1) !important; } .fs-footer-link:hover, .fs-footer-link:focus-visible { color: #FFFFFF !important; }
.fs-footonder .fs-footer-link { font-size: .94rem !important; min-height: 26px !important; }
/* ===== plaatsen, chips, accordion, stappen, punten ===== */
.fs-plaats { transition: background-color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; } .fs-plaats:hover { background-color: #F8F3F0; } .fs-plaats:hover p:first-child { color: #980000 !important; } .fs-plaats:active { transform: scale(.99); }
.fs-punt { position: relative; padding-left: 22px; } .fs-punt::before { content: ''; position: absolute; left: 0; top: .55em; width: 9px; height: 9px; background: #980000; clip-path: polygon(2.6px 0, calc(100% - 2.6px) 0, 100% 2.6px, 100% calc(100% - 2.6px), calc(100% - 2.6px) 100%, 2.6px 100%, 0 calc(100% - 2.6px), 0 2.6px); }
.fs-faq-item summary { list-style: none; } .fs-faq-item summary::-webkit-details-marker { display: none; } details[open] > summary [data-e-type=e-accordion-item-icon] { transform: rotate(180deg); } [data-e-type=e-accordion-item-icon] { transition: transform .25s cubic-bezier(.23,1,.32,1); }
.fs-faq-item summary:hover h3 { color: #980000; }
/* ===== formulier ===== */
.fs-form input, .fs-form textarea, .fs-form select { border-color: #5E4F47 !important; background: #FFFFFF !important; } .fs-form input:focus, .fs-form textarea:focus, .fs-form select:focus { border-color: #980000 !important; outline: 2px solid #980000; outline-offset: 1px; }
.fs-form ::placeholder { color: #5E4F47; opacity: 1; }
/* afwerking (emil): vaste overgangen per eigenschap, drukfeedback */
.e-button-base { transition: background-color .2s cubic-bezier(.23,1,.32,1), color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; } .e-button-base:active { transform: scale(.97); }
.fs-menuknop { transition: background-color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; } .fs-menuknop:active { transform: scale(.97); }
::selection { background: #E6D7CF; color: #381C0E; } input, textarea { caret-color: #980000; }
.fs-skip { position: absolute !important; left: -9999px !important; top: 8px; z-index: 2000; } .fs-skip:focus, .fs-skip:focus-visible { left: 16px !important; }
a:focus-visible, button:focus-visible, .e-button-base:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #381C0E; outline-offset: 3px; }
footer a:focus-visible, .fs-donker a:focus-visible { outline-color: #F0E6E1 !important; }
@media (max-width: 767px) { h1.e-heading-base { font-size: 2.55rem; } h2.e-heading-base { font-size: 1.95rem; } p.e-paragraph-base, .e-paragraph-base { font-size: 1.05rem; } }
.e-button-base, .e-paragraph-base { max-width: 100%; min-width: 0; overflow-wrap: break-word; }
.e-svg-base svg { display: block; }
.fs-knoppen .e-button-base { white-space: nowrap; } .fs-knoppen .fs-bel { align-self: center !important; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; } @media (max-width: 1339px) { html { scroll-padding-top: 90px; } }
/* reduced motion: alleen beweging uit */
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .e-button-base:active, .fs-menuknop:active, .fs-nummerlink:active, .fs-plaats:active { transform: none !important; } .fs-bord { transition: none !important; } .fs-open .fs-nummers { animation: none !important; clip-path: none !important; } .fs-nummerlink { transform: none !important; transition: opacity .15s linear !important; transition-delay: 0s !important; } .fs-navlink::after { transform: translate(-50%, 0) !important; } details[open] > summary [data-e-type=e-accordion-item-icon] { transition: none; } }/* End custom CSS */