.elementor-kit-5{--e-global-color-primary:#781806;--e-global-color-secondary:#353535;--e-global-color-text:#353535;--e-global-color-accent:#781806;--e-global-typography-primary-font-family:"LT Manrope";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"LT Manrope";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"LT Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"LT Manrope";--e-global-typography-accent-font-weight:700;background-color:#FFFFFF;font-family:"LT Manrope", Sans-serif;font-weight:400;}.elementor-kit-5 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 { --lt-oxblood:#781806; --lt-goud:#DD9933; --lt-inkt:#353535; --lt-zwart:#000000; --lt-wit:#FFFFFF; --lt-goud-licht:#FBF0DC; --lt-goud-mist:#F3DDB4; --lt-rood-licht:#F7E8E4; --lt-oxblood-diep:#5A1204; --font-heading:LT Bodoni; --font-body:LT Manrope; }
/* Start custom CSS *//* Lotus Hoogeveen: zelf gehoste fonts */
@font-face { font-family: 'LT Bodoni'; font-style: normal; font-weight: 500 800; font-display: swap; src: url('/wp-content/uploads/fonts/bodoni-moda-opsz11-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: 'LT Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('/wp-content/uploads/fonts/manrope-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: 'LT Han'; font-style: normal; font-weight: 900; font-display: swap; src: url('/wp-content/uploads/fonts/lotus-han-900.woff2') format('woff2'); }
@font-face { font-family: 'LT Bodoni Fallback'; src: local('Georgia'), local('DejaVu Serif'); size-adjust: 92%; ascent-override: 104%; descent-override: 28%; line-gap-override: 0%; }
@font-face { font-family: 'LT Manrope Fallback'; src: local('Arial'), local('Liberation Sans'); size-adjust: 104%; ascent-override: 102%; descent-override: 29%; line-gap-override: 0%; }
:root { --font-heading: 'LT Bodoni', 'LT Bodoni Fallback', Georgia, serif; --font-body: 'LT Manrope', 'LT Manrope Fallback', Arial, sans-serif; }
body { background-color: #FFFFFF; color: #353535; font-family: 'LT Manrope', 'LT Manrope Fallback', Arial, sans-serif; }
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base { font-family: 'LT Bodoni', 'LT Bodoni Fallback', Georgia, serif !important; color: #353535; font-weight: 600; letter-spacing: -0.01em; text-wrap: balance; font-optical-sizing: auto; }
h1.e-heading-base { font-size: clamp(2.6rem, 1.4rem + 3.4vw, 4.5rem); line-height: 1.02; letter-spacing: -0.02em; } h2.e-heading-base { font-size: clamp(1.95rem, 1.4rem + 1.4vw, 2.75rem); line-height: 1.08; } h3.e-heading-base { font-size: 1.4rem; line-height: 1.2; font-weight: 700; letter-spacing: 0; }
.e-button-base, p.e-paragraph-base, .e-paragraph-base, input, textarea, select, label { font-family: 'LT Manrope', 'LT Manrope Fallback', Arial, sans-serif; }
p.e-paragraph-base, .e-paragraph-base { color: #353535; font-size: 1.1rem; line-height: 1.65; max-width: 68ch; text-wrap: pretty; }
/* links: nooit onderstreept; tekstlinks oxblood en vet, met een penseellijn bij hover/focus */
.e-paragraph-base a { color: #781806; font-weight: 700; 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; }
a.e-button-base[class*='link'], .lt-bel, .lt-feitlink { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='24' viewBox='0 0 240 24' preserveAspectRatio='none'><path d='M3 13 C 40 6, 92 4, 150 5 C 190 6, 222 8, 236 10 C 240 11, 239 14, 234 14.5 C 205 13.6, 168 13.2, 120 14.6 C 84 15.8, 46 18.4, 12 19.6 C 4 19.9, 0 16, 3 13 Z' fill='%23781806'/><path d='M30 11.2 C 70 9.4, 120 8.6, 170 9.2' stroke='%23FBF0DC' stroke-opacity='.35' stroke-width='.8' fill='none'/></svg>"); background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 6px; padding-bottom: 4px !important; transition: color .2s cubic-bezier(.23,1,.32,1), background-size .3s cubic-bezier(.23,1,.32,1) !important; }
@media (hover: hover) and (pointer: fine) { a.e-button-base[class*='link']:hover, .lt-bel:hover, .lt-feitlink:hover { background-size: 100% 6px; } } a.e-button-base[class*='link']:focus-visible, .lt-bel:focus-visible, .lt-feitlink:focus-visible { background-size: 100% 6px; }
.lt-bel { white-space: nowrap; }
/* H1 met een penseelstreek eronder */
.lt-h1::after { content: ''; display: block; width: 190px; height: 16px; margin-top: 18px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='24' viewBox='0 0 240 24' preserveAspectRatio='none'><path d='M3 13 C 40 6, 92 4, 150 5 C 190 6, 222 8, 236 10 C 240 11, 239 14, 234 14.5 C 205 13.6, 168 13.2, 120 14.6 C 84 15.8, 46 18.4, 12 19.6 C 4 19.9, 0 16, 3 13 Z' fill='%23781806'/><path d='M30 11.2 C 70 9.4, 120 8.6, 170 9.2' stroke='%23FBF0DC' stroke-opacity='.35' stroke-width='.8' fill='none'/></svg>") 0 0 / 100% 100% no-repeat; }
/* ===== header: penseelstreek ===== */
.elementor-location-header { position: sticky; top: 0; z-index: 1000; } .lt-header { border-bottom: 1px solid #F3DDB4; }
.lt-balk { position: relative; z-index: 2; background-color: #FFFFFF; transition: height .3s cubic-bezier(.23,1,.32,1); } .lt-logo { transition: width .3s cubic-bezier(.23,1,.32,1) !important; }
@media (min-width: 1200px) { .lt-klein .lt-balk { height: 74px !important; } .lt-klein .lt-logo { width: 168px !important; } }
.lt-logo img, img.lt-logo { display: block; }
.lt-navlink { position: relative; padding: 10px 12px 12px !important; color: #353535 !important; font-weight: 600 !important; font-size: 1.04rem !important; line-height: 1.2 !important; white-space: nowrap; }
.lt-navlink::after { content: ''; position: absolute; left: 8px; right: 8px; bottom: 0; height: 9px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='24' viewBox='0 0 240 24' preserveAspectRatio='none'><path d='M3 13 C 40 6, 92 4, 150 5 C 190 6, 222 8, 236 10 C 240 11, 239 14, 234 14.5 C 205 13.6, 168 13.2, 120 14.6 C 84 15.8, 46 18.4, 12 19.6 C 4 19.9, 0 16, 3 13 Z' fill='%23781806'/><path d='M30 11.2 C 70 9.4, 120 8.6, 170 9.2' stroke='%23FBF0DC' stroke-opacity='.35' stroke-width='.8' fill='none'/></svg>") 0 0 / 100% 100% no-repeat; clip-path: inset(0 100% 0 0); transition: clip-path .25s cubic-bezier(.23,1,.32,1); }
@media (hover: hover) and (pointer: fine) { .lt-navlink:hover::after { clip-path: inset(0 0 0 0); opacity: .45; } } .lt-navlink:focus-visible::after { clip-path: inset(0 0 0 0); }
.lt-navlink[aria-current]::after { clip-path: inset(0 0 0 0); opacity: 1 !important; } .lt-navlink[aria-current] { color: #781806 !important; }
.lt-zegelknop { background-color: #781806 !important; color: #FFFFFF !important; min-height: 50px !important; padding: 10px 22px !important; border-radius: 2px !important; font-weight: 700 !important; font-size: 1.04rem !important; outline: 1.5px solid rgba(255,255,255,.7); outline-offset: -6px; white-space: nowrap; }
@media (hover: hover) and (pointer: fine) { .lt-zegelknop:hover { background-color: #5A1204 !important; } } .lt-zegelknop:focus { background-color: #781806 !important; } .lt-zegelknop:focus-visible { outline: 3px solid #353535 !important; outline-offset: 3px; }
@media (max-width: 1199px) { .lt-nav, .lt-rechts { display: none !important; } } @media (min-width: 1200px) { .lt-menuknop { display: none !important; } } @media (max-width: 1379px) { .lt-hdrstatus { display: none !important; } }
/* openingsstatus */
.lt-status { display: inline-flex; align-items: center; gap: 9px; } .lt-lamp { width: 10px; height: 10px; border-radius: 50%; border: 2px solid #353535; flex: 0 0 auto; } .lt-isopen .lt-lamp { background: #DD9933; border-color: #DD9933; box-shadow: 0 0 0 3px rgba(221,153,51,.28); }
.lt-vouw .lt-lamp { border-color: #FFFFFF; }
.lt-menuknop { position: relative; padding-right: 54px !important; background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#FFFFFF, #FFFFFF) !important; background-repeat: no-repeat !important; background-size: 22px 2px, 22px 2px !important; background-position: right 18px top calc(50% - 5px), right 18px top calc(50% + 5px) !important; transition: background-color .2s cubic-bezier(.23,1,.32,1), background-position .3s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; }
.lt-menuknop:active { transform: scale(.97); } .lt-open .lt-menuknop { background-color: #5A1204 !important; } .lt-open .lt-menuknop { background-position: right 18px top calc(50% - 2px), right 18px top calc(50% + 2px) !important; }
/* ===== mobiel menu: de afhaalkaart vouwt als leporello open ===== */
.lt-vouw { position: fixed !important; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; overflow-y: auto; overscroll-behavior: contain; padding-top: 92px !important; background-color: #781806 !important; opacity: 0; visibility: hidden; transition: opacity .2s cubic-bezier(.23,1,.32,1), visibility 0s linear .5s; }
.lt-open .lt-vouw { opacity: 1; visibility: visible; transition: opacity .16s cubic-bezier(.23,1,.32,1), visibility 0s; }
@media (min-width: 1200px) { .lt-vouw { display: none !important; } } @media (max-width: 767px) { .lt-vouw { padding-top: 88px !important; } }
.lt-panelen { perspective: 1100px; perspective-origin: 50% 0; }
.lt-paneel { transform-origin: 50% 0; transform: rotateX(-88deg); opacity: .4; transition: transform .2s cubic-bezier(.23,1,.32,1), opacity .15s cubic-bezier(.23,1,.32,1); backface-visibility: hidden; }
.lt-paneel-2 { background-color: #F3DDB4 !important; } .lt-paneel + .lt-paneel { border-top: 1px solid rgba(53,53,53,.18); }
.lt-open .lt-paneel { transform: none; opacity: 1; transition: transform .4s cubic-bezier(.77,0,.175,1), opacity .2s cubic-bezier(.23,1,.32,1); }
.lt-open .lt-paneel-1 { transition-delay: 30ms !important; } .lt-open .lt-paneel-2 { transition-delay: 130ms !important; } .lt-open .lt-paneel-3 { transition-delay: 230ms !important; }
.lt-vouwlink { position: relative; border-bottom: 1px dashed rgba(53,53,53,.28); transition: background-color .2s ease, transform .16s cubic-bezier(.23,1,.32,1) !important; } .lt-paneel .lt-vouwlink:last-child { border-bottom: 0; }
.lt-vouwlink[aria-current=page] p { color: #781806 !important; } .lt-vouwlink[aria-current=page] { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='24' viewBox='0 0 240 24' preserveAspectRatio='none'><path d='M3 13 C 40 6, 92 4, 150 5 C 190 6, 222 8, 236 10 C 240 11, 239 14, 234 14.5 C 205 13.6, 168 13.2, 120 14.6 C 84 15.8, 46 18.4, 12 19.6 C 4 19.9, 0 16, 3 13 Z' fill='%23781806'/><path d='M30 11.2 C 70 9.4, 120 8.6, 170 9.2' stroke='%23FBF0DC' stroke-opacity='.35' stroke-width='.8' fill='none'/></svg>") 4px calc(100% - 6px) / 120px 8px no-repeat; }
.lt-vouwlink:active { transform: scale(.98); }
.lt-vouwonder { opacity: 0; transition: opacity .15s cubic-bezier(.23,1,.32,1); } .lt-open .lt-vouwonder { opacity: 1; transition: opacity .3s cubic-bezier(.23,1,.32,1) .5s; }
html.lt-lock { overflow: hidden; }
/* ===== hero: draaitafel ===== */
.lt-tafel { --r: 33cqw; container-type: inline-size; }
.lt-schijf { position: relative; width: 100%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 50% 50%, transparent 0 27.7%, rgba(221,153,51,.6) 27.9% 28.2%, transparent 28.4%), radial-gradient(circle at 50% 50%, #781806 0 47%, #5A1204 47.4% 48.6%, #781806 49% 100%); --hoek: 0deg; }
.lt-bord { position: absolute !important; left: 50%; top: 50%; width: 27%; aspect-ratio: 1; margin: -13.5% 0 0 -13.5%; border-radius: 50%; padding: 0 !important; background: #FFFFFF; border: 6px solid #FFFFFF; cursor: pointer; --s: 1; transform: rotate(calc(var(--a) + var(--hoek))) translateY(var(--r)) rotate(calc(-1 * (var(--a) + var(--hoek)))) scale(var(--s)); transition: transform .55s cubic-bezier(.77,0,.175,1); }
.lt-bord.lt-voor { --s: 1.22; z-index: 2; } .lt-bord img { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 50% !important; }
.lt-tafel.lt-stil .lt-bord { transition: none !important; }
.lt-onderschriften { position: absolute !important; left: 50%; top: 50%; width: 40%; transform: translate(-50%, -62%); text-align: center; pointer-events: none; display: grid !important; }
.lt-onderschrift { grid-area: 1 / 1; opacity: 0; filter: blur(3px); transition: opacity .2s cubic-bezier(.23,1,.32,1), filter .2s cubic-bezier(.23,1,.32,1); } .lt-tafel:not(.lt-js) .lt-onderschrift:first-child, .lt-onderschrift.lt-aan { opacity: 1; filter: none; transition: opacity .3s cubic-bezier(.23,1,.32,1) .3s, filter .3s cubic-bezier(.23,1,.32,1) .3s; }
.lt-g { display: flex; flex-direction: column; align-items: center; gap: 4px; color: #FFFFFF; } .lt-gnr { font-family: 'LT Bodoni', 'LT Bodoni Fallback', Georgia, serif; font-weight: 600; font-size: 1.05rem; color: #F3DDB4; } .lt-gnaam { font-family: 'LT Bodoni', 'LT Bodoni Fallback', Georgia, serif; font-weight: 700; font-size: clamp(1.15rem, .8rem + 1.1vw, 1.6rem); line-height: 1.12; text-wrap: balance; } .lt-gprijs { font-weight: 700; font-size: 1.08rem; color: #F3DDB4; }
.lt-bediening { position: absolute !important; left: 0; right: 0; top: 50%; height: 0; padding: 0 !important; }
.lt-draai { position: absolute; top: -26px; width: 52px; height: 52px; border-radius: 50%; border: 0; background: #353535 center / 24px 24px no-repeat; cursor: pointer; transition: background-color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1); } .lt-draai-l { left: -8px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M15 5 L8 12 L15 19' fill='none' stroke='%23FFFFFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>"); } .lt-draai-r { right: -8px; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M9 5 L16 12 L9 19' fill='none' stroke='%23FFFFFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>"); }
@media (hover: hover) and (pointer: fine) { .lt-draai:hover { background-color: #000000; } } .lt-draai:focus { background-color: #353535; } .lt-draai:active { transform: scale(.97); }
@media (max-width: 767px) { .lt-tafel { --r: 33cqw; } .lt-onderschriften { position: static !important; transform: none; width: 100%; margin-top: 22px; } .lt-g { color: #353535; } .lt-gnr { color: #781806; } .lt-gprijs { color: #781806; } .lt-bediening { top: auto; bottom: 26px; } .lt-draai { top: -26px; } .lt-draai-l { left: 0; } .lt-draai-r { right: 0; } .lt-bord { border-width: 4px; } }
h1.lt-hero-h1 { font-size: clamp(2.5rem, 1.1rem + 2.9vw, 3.9rem) !important; } @media (max-width: 480px) { .lt-knoppen > .e-button-base:not(.lt-bel) { flex: 1 1 100%; } }
/* ===== aanbod als menukaartregels ===== */
.lt-aanbod { transition: background-color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; } .lt-aanbod:active { transform: scale(.99); } @media (hover: hover) and (pointer: fine) { .lt-aanbod:hover { background-color: #FBF0DC; } .lt-aanbod:hover .lt-aanbod-titel { color: #781806 !important; } }
.lt-aanbod-prijs { font-family: 'LT Bodoni', 'LT Bodoni Fallback', Georgia, serif !important; font-weight: 700 !important; font-size: 1.35rem !important; color: #781806 !important; white-space: nowrap; text-align: right; } @media (max-width: 767px) { .lt-aanbod-prijs { text-align: left; } }
/* ===== windroos van de vier keukens ===== */
.lt-wind-peking { grid-column: 2; grid-row: 1; } .lt-wind-sichuan { grid-column: 1; grid-row: 2; } .lt-kompashart { grid-column: 2; grid-row: 2; } .lt-wind-shanghai { grid-column: 3; grid-row: 2; } .lt-wind-kanton { grid-column: 2; grid-row: 3; } .lt-kompashart { align-items: flex-start !important; padding-top: 8px !important; }
.lt-kompas { position: relative; background: linear-gradient(#F3DDB4, #F3DDB4) 50% 50% / 1px 84% no-repeat, linear-gradient(#F3DDB4, #F3DDB4) 50% 50% / 92% 1px no-repeat; }
.lt-wind, .lt-kompashart { position: relative; z-index: 1; background: #FBF0DC; } .lt-han { font-family: 'LT Han', 'Noto Serif SC', 'Songti SC', serif !important; font-weight: 900 !important; font-size: 2.6rem !important; line-height: 1 !important; color: #781806 !important; max-width: none !important; }
@media (max-width: 767px) { .lt-kompas { grid-template-columns: 1fr 1fr !important; } .lt-kompashart { display: none !important; } .lt-kompas { background: none !important; } .lt-wind-peking { grid-column: 1; grid-row: 1; } .lt-wind-shanghai { grid-column: 2; grid-row: 1; } .lt-wind-sichuan { grid-column: 1; grid-row: 2; } .lt-wind-kanton { grid-column: 2; grid-row: 2; } }
/* ===== bonnen (maandmenu, catering) ===== */
.lt-blok, .lt-hdrstatus, .lt-vouwstatus, .lt-foottijden, .lt-onderschrift, .lt-han { max-width: none !important; } .lt-spaarkop, .lt-aanbod { align-items: baseline !important; } .lt-aanbod { justify-items: start; } .lt-aanbod-prijs { justify-self: end; } @media (max-width: 767px) { .lt-aanbod-prijs { justify-self: start; } }
.lt-bonnen { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 24px; } @media (max-width: 767px) { .lt-bonnen { grid-template-columns: 1fr !important; } }
.lt-bon { container-type: inline-size; background: #F7E8E4; border-radius: 2px; padding: 28px 30px 26px; display: flex; flex-direction: column; gap: 16px; } @media (max-width: 767px) { .lt-bon { padding: 22px; } }
.lt-bon-kop { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding-bottom: 14px; border-bottom: 2px solid #781806; } .lt-bon-kop h3 { font-family: 'LT Bodoni', 'LT Bodoni Fallback', Georgia, serif; font-weight: 700; font-size: 1.6rem; line-height: 1.1; margin: 0; color: #353535; }
.lt-bon-prijs { font-family: 'LT Bodoni', 'LT Bodoni Fallback', Georgia, serif; font-weight: 700; font-size: 1.6rem; line-height: 1.1; margin: 0; color: #781806; white-space: nowrap; }
.lt-bon ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 28px; } .lt-bon li { break-inside: avoid; margin-bottom: 6px; } @container (max-width: 400px) { .lt-bon ul { columns: 1; } } @media (max-width: 480px) { .lt-bon ul { columns: 1; } }
.lt-bon li { position: relative; padding-left: 18px; font-size: 1.02rem; line-height: 1.45; color: #353535; } .lt-bon li::before { content: ''; position: absolute; left: 0; top: .55em; width: 7px; height: 7px; background: #781806; transform: rotate(45deg); }
/* ===== menukaart ===== */
.lt-index { position: sticky; top: 74px; z-index: 5; background: #FFFFFF; margin: 0 0 8px; padding: 12px 0; border-bottom: 1px solid #F3DDB4; } @media (max-width: 1199px) { .lt-index { top: 76px; } }
.lt-index ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } .lt-index ul { flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: thin; padding-bottom: 6px; }
.lt-index a { display: inline-flex; align-items: center; min-height: 40px; padding: 6px 14px; border: 2px solid #F3DDB4; border-radius: 2px; color: #353535; font-weight: 600; font-size: .98rem; text-decoration: none; white-space: nowrap; transition: background-color .2s cubic-bezier(.23,1,.32,1), border-color .2s cubic-bezier(.23,1,.32,1), color .2s cubic-bezier(.23,1,.32,1); }
@media (hover: hover) and (pointer: fine) { .lt-index a:hover { border-color: #781806; } } .lt-index a[aria-current] { background: #781806; border-color: #781806; color: #FFFFFF; }
.lt-rubriek { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.1fr); gap: 56px; padding: 56px 0; border-bottom: 1px solid #F3DDB4; scroll-margin-top: 170px; } @media (max-width: 1024px) { .lt-rubriek { grid-template-columns: 1fr; gap: 18px; padding: 40px 0; } }
.lt-rubriek-kop h2 { font-family: 'LT Bodoni', 'LT Bodoni Fallback', Georgia, serif; font-weight: 600; font-size: clamp(1.7rem, 1.3rem + 1vw, 2.2rem); line-height: 1.1; margin: 0 0 10px; color: #353535; } .lt-rubriek-kop p { margin: 0; font-size: 1.04rem; line-height: 1.55; color: #353535; } @media (min-width: 1025px) { .lt-rubriek-kop { position: sticky; top: 190px; align-self: start; } }
.lt-lijst { list-style: none; margin: 0; padding: 0; } .lt-gerecht { display: grid; grid-template-columns: 3.4rem minmax(0, 1fr) auto; column-gap: 16px; align-items: baseline; padding: 13px 0; border-bottom: 1px solid #FBF0DC; } .lt-gerecht:last-child { border-bottom: 0; }
.lt-nr { font-family: 'LT Bodoni', 'LT Bodoni Fallback', Georgia, serif; font-weight: 700; font-size: 1.28rem; color: #781806; font-variant-numeric: lining-nums; } .lt-wat { display: flex; flex-direction: column; gap: 2px; } .lt-naam { font-weight: 700; font-size: 1.06rem; line-height: 1.35; color: #353535; } .lt-omschr { font-size: .98rem; line-height: 1.45; color: #353535; }
.lt-prijs { font-weight: 700; font-size: 1.04rem; color: #353535; white-space: nowrap; font-variant-numeric: tabular-nums; } .lt-zonder-nr { grid-template-columns: minmax(0, 1fr) auto; } @media (max-width: 767px) { .lt-gerecht { grid-template-columns: 2.6rem minmax(0, 1fr) auto; column-gap: 12px; } }
.lt-menu .lt-gerecht { border-bottom-color: #F3DDB4; }
.lt-stapnr { font-family: 'LT Bodoni', 'LT Bodoni Fallback', Georgia, serif !important; font-weight: 700 !important; font-size: 3rem !important; line-height: 1 !important; color: #781806 !important; padding-bottom: 16px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='24' viewBox='0 0 240 24' preserveAspectRatio='none'><path d='M3 13 C 40 6, 92 4, 150 5 C 190 6, 222 8, 236 10 C 240 11, 239 14, 234 14.5 C 205 13.6, 168 13.2, 120 14.6 C 84 15.8, 46 18.4, 12 19.6 C 4 19.9, 0 16, 3 13 Z' fill='%23781806'/><path d='M30 11.2 C 70 9.4, 120 8.6, 170 9.2' stroke='%23FBF0DC' stroke-opacity='.35' stroke-width='.8' fill='none'/></svg>") 0 100% / 56px 8px no-repeat; max-width: none !important; }
/* opsommingen met een klein ruitje */
.lt-punt { position: relative; padding-left: 24px !important; } .lt-punt::before { content: ''; position: absolute; left: 3px; top: .62em; width: 8px; height: 8px; background: #781806; transform: rotate(45deg); }
/* gaps die de V4-parser niet opslaat */ .lt-knoppen { gap: 14px 28px !important; } .lt-plaatsen { column-gap: 36px !important; } .lt-footgrid { gap: 36px 48px !important; } .lt-lijst { gap: 12px 36px !important; } .lt-chips { gap: 10px !important; } .lt-vakjes { gap: 10px !important; }
.lt-plaats { transition: background-color .2s cubic-bezier(.23,1,.32,1) !important; } @media (hover: hover) and (pointer: fine) { .lt-plaats:hover { background-color: #FBF0DC; } }
/* accordion */
[data-e-type=e-accordion-item-icon] { width: 36px !important; height: 36px !important; min-width: 36px; border-radius: 50% !important; background-color: #FFFFFF !important; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; transition: transform .25s cubic-bezier(.23,1,.32,1), background-color .2s ease; } [data-e-type=e-accordion-item-icon] .e-svg-base { width: 14px !important; height: 14px !important; color: #781806; }
details[open] > summary [data-e-type=e-accordion-item-icon] { transform: rotate(180deg); background-color: #F3DDB4 !important; }
[data-e-type=e-accordion-item-icon] svg { width: 14px !important; height: 14px !important; }
summary.e-accordion-item-header:hover h3 { color: #781806 !important; } summary.e-accordion-item-header { list-style: none; } summary.e-accordion-item-header::-webkit-details-marker { display: none; }
.lt-faq-item h3 { line-height: 1.3 !important; font-family: 'LT Manrope', Arial, sans-serif !important; font-weight: 700 !important; font-size: 1.14rem !important; }
/* formulier: randen 3:1+ */
.lt-form input::placeholder, .lt-form textarea::placeholder { color: #6B6B6B !important; opacity: 1 !important; }
.lt-form input, .lt-form textarea, .lt-form select { border: 2px solid #7A7A7A !important; border-radius: 2px !important; background: #FFFFFF !important; }
.lt-form input:focus, .lt-form textarea:focus, .lt-form select:focus { border-color: #781806 !important; }
/* openingstijden (wp-admin > Menukaart) */
.lt-dagen { margin: 0; padding: 0; display: grid; grid-template-columns: auto 1fr; gap: 3px 22px; } .lt-dag { display: contents; } .lt-dag dt { font-weight: 600; } .lt-dag dd { margin: 0; font-variant-numeric: tabular-nums; }
.lt-dicht dd { color: #353535; } .lt-vandaag dt, .lt-vandaag dd { color: #781806; font-weight: 700; } .lt-label-vandaag { font-weight: 600; font-size: .9em; }
.lt-noot { margin: 8px 0 0; font-size: .98rem; line-height: 1.5; }
.lt-kort { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; } .lt-kort li { display: flex; justify-content: space-between; gap: 16px; max-width: 280px; font-variant-numeric: tabular-nums; }
.lt-footer .lt-kort, .lt-footer .lt-noot { color: #F6E3DE; }
/* ===== footer: spaarkaart ===== */
.lt-vak { aspect-ratio: 1; border-radius: 50%; border: 2px dashed rgba(120,24,6,.45); }
.lt-gestempeld { border: 0; background: url('/wp-content/uploads/2026/10/zegel-lotus-hoogeveen-150x150.webp') center / 78% 78% no-repeat; } .lt-gestempeld:nth-child(odd) { transform: rotate(-9deg); } .lt-gestempeld:nth-child(3n) { transform: rotate(7deg); } .lt-gestempeld:nth-child(4) { background-size: 70% 70%; transform: rotate(14deg); }
.lt-footer-link { color: #F6E3DE !important; min-height: 32px !important; background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='24' viewBox='0 0 240 24' preserveAspectRatio='none'><path d='M3 13 C 40 6, 92 4, 150 5 C 190 6, 222 8, 236 10 C 240 11, 239 14, 234 14.5 C 205 13.6, 168 13.2, 120 14.6 C 84 15.8, 46 18.4, 12 19.6 C 4 19.9, 0 16, 3 13 Z' fill='%23DD9933'/><path d='M30 11.2 C 70 9.4, 120 8.6, 170 9.2' stroke='%23FBF0DC' stroke-opacity='.35' stroke-width='.8' fill='none'/></svg>"); background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 6px; transition: color .2s cubic-bezier(.23,1,.32,1), background-size .3s cubic-bezier(.23,1,.32,1) !important; } .lt-footer-link:hover, .lt-footer-link:focus-visible { color: #FFFFFF !important; background-size: 100% 6px; }
.lt-footonder .lt-footer-link { font-size: .94rem !important; min-height: 24px !important; }
/* 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), border-color .2s cubic-bezier(.23,1,.32,1), background-size .3s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; } .e-button-base:active { transform: scale(.97); }
a.e-con, a.e-div-block-base { transition: background-color .2s cubic-bezier(.23,1,.32,1), transform .16s cubic-bezier(.23,1,.32,1) !important; }
::selection { background: #F3DDB4; color: #353535; } input, textarea { caret-color: #781806; }
.lt-skip { position: absolute !important; left: -9999px !important; top: 8px; z-index: 2000; } .lt-skip:focus, .lt-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 #353535 !important; outline-offset: 3px; }
footer a:focus-visible, .lt-vouw a:focus-visible { outline-color: #DD9933 !important; }
@media (max-width: 767px) { h1.e-heading-base { font-size: 2.5rem; } h2.e-heading-base { font-size: 1.9rem; } p.e-paragraph-base, .e-paragraph-base { font-size: 1.06rem; } }
.e-button-base, .e-paragraph-base { max-width: 100%; min-width: 0; overflow-wrap: break-word; }
.e-svg-base svg { display: block; }
.lt-knoppen .e-button-base { white-space: nowrap; } .lt-knoppen .lt-bel { align-self: center !important; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; } @media (max-width: 1199px) { html { scroll-padding-top: 90px; } }
/* reduced motion: alleen beweging uit */
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .e-button-base:active, .lt-menuknop:active, .lt-vouwlink:active, .lt-draai:active { transform: none !important; } details[open] > summary [data-e-type=e-accordion-item-icon] { transform: none !important; } .lt-paneel, .lt-open .lt-paneel { transform: none !important; transition: opacity .15s linear !important; transition-delay: 0s !important; } .lt-bord { transition: none !important; } .lt-navlink::after { transition: none !important; } .lt-balk, .lt-logo { transition: none !important; } }/* End custom CSS */