.elementor-kit-5{--e-global-color-primary:#231F1B;--e-global-color-secondary:#6E6048;--e-global-color-text:#231F1B;--e-global-color-accent:#7A6A4E;--e-global-typography-primary-font-family:"LY Jost";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"LY Jost";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"LY Source Serif";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"LY Jost";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;font-family:"LY Source Serif", 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 { --ly-inkt:#231F1B; --ly-bruin:#6E6048; --ly-link:#7A6A4E; --ly-grijs:#5F574F; --ly-taupe:#A09489; --ly-goud:#AF986E; --ly-parel:#E7E1DA; --ly-zand:#F3F0EC; --ly-wit:#FFFFFF; --font-heading:LY Jost; --font-body:LY Source Serif; }
/* Start custom CSS *//* Juwelier Leyendijk: zelf gehoste fonts (latin) */
@font-face { font-family: 'LY Jost'; font-style: normal; font-weight: 400 600; font-display: swap; src: url('/wp-content/uploads/fonts/jost-var-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: 'LY Source Serif'; font-style: normal; font-weight: 400 650; font-display: swap; src: url('/wp-content/uploads/fonts/sourceserif-var-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: 'LY Source Serif Italic'; font-style: italic; font-weight: 400 500; font-display: swap; src: url('/wp-content/uploads/fonts/sourceserif-italic-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: 'LY Jost Fallback'; src: local('Arial'), local('Liberation Sans'), local('DejaVu Sans'); size-adjust: 96%; ascent-override: 108%; descent-override: 30%; line-gap-override: 0%; }
@font-face { font-family: 'LY Serif Fallback'; src: local('Georgia'), local('Times New Roman'), local('DejaVu Serif'); size-adjust: 98%; ascent-override: 94%; descent-override: 30%; line-gap-override: 0%; }
:root { --font-heading: 'LY Jost', 'LY Jost Fallback', 'Century Gothic', Futura, sans-serif; --font-body: 'LY Source Serif', 'LY Serif Fallback', Georgia, serif; }
body { background-color: #FFFFFF; color: #231F1B; font-family: 'LY Source Serif', 'LY Serif Fallback', Georgia, serif; -webkit-font-smoothing: antialiased; }
/* koppen: Jost 500 (niet dunner: bij devicePixelRatio 1 blijft de geometrische letter dan goed leesbaar) */
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base { font-family: 'LY Jost', 'LY Jost Fallback', 'Century Gothic', Futura, sans-serif !important; color: #231F1B; font-weight: 500; letter-spacing: -0.01em; text-wrap: balance; }
h1.e-heading-base { font-size: clamp(2.3rem, 1.6rem + 2vw, 3.3rem); line-height: 1.08; } h2.e-heading-base { font-size: clamp(1.75rem, 1.35rem + 1.1vw, 2.3rem); line-height: 1.15; } h3.e-heading-base { font-size: 1.28rem; line-height: 1.25; letter-spacing: 0; }
.e-button-base, input, textarea, select, label { font-family: 'LY Jost', 'LY Jost Fallback', 'Century Gothic', Futura, sans-serif; }
p.e-paragraph-base, .e-paragraph-base { font-family: 'LY Source Serif', 'LY Serif Fallback', Georgia, serif; color: #231F1B; font-size: 1.14rem; line-height: 1.7; max-width: 66ch; text-wrap: pretty; font-optical-sizing: auto; }
/* links in lopende tekst: niet onderstreept; bruin-goud (5,3:1 op wit, 3,1:1 t.o.v. de tekst) en halfvet; gouden lijn bij hover/focus */
.e-paragraph-base a { color: #7A6A4E; font-weight: 650; text-decoration: none; box-shadow: inset 0 -2px 0 transparent; transition: color .2s ease, box-shadow .2s ease; } .e-paragraph-base a:hover, .e-paragraph-base a:focus-visible { color: #231F1B; box-shadow: inset 0 -2px 0 #AF986E; }
a.e-button-base, a.e-con, a.e-div-block-base { text-decoration: none !important; }
.e-paragraph-base:empty { display: none; }
.ly-bel { white-space: nowrap; }
/* ===== header: losse items met gouden zetting ===== */
.elementor-location-header { position: sticky; top: 0; z-index: 1000; } :root { --ly-header-h: 100px; } @media (max-width: 1199px) { :root { --ly-header-h: 80px; } } @media (max-width: 767px) { :root { --ly-header-h: 72px; } }
.ly-header { box-shadow: 0 1px 0 #E7E1DA; transition: box-shadow .2s ease; }
.ly-balk { transition: height .3s cubic-bezier(.23,1,.32,1) !important; } .ly-logolink { transition: width .3s cubic-bezier(.23,1,.32,1) !important; }
@media (min-width: 1200px) { .ly-gescrold .ly-balk { height: 76px !important; } .ly-gescrold .ly-logolink { width: 170px !important; } }
/* het menu: losse items op wit, Jost 500 met wat spatiëring; actief en hover = fijne gouden lijn met een klein gouden steentje erop (zoals een ring met zetting), schuift mee */
.ly-band { position: relative; }
.ly-band::after { content: '' !important; display: block !important; position: absolute !important; left: 0; top: auto !important; bottom: 6px !important; right: auto !important; width: var(--zw, 0px); height: 1px; background: #AF986E; transform: translateX(calc(var(--zx, 0px) - var(--zw, 0px) / 2)); opacity: var(--zo, 0); transition: transform .26s cubic-bezier(.23,1,.32,1), width .26s cubic-bezier(.23,1,.32,1), opacity .2s ease; pointer-events: none; }
.ly-band::before { content: '' !important; display: block !important; position: absolute !important; left: 0; top: auto !important; bottom: 3px !important; right: auto !important; width: 7px; height: 7px; background: #AF986E; box-shadow: inset 1px 1px 0 rgba(255,255,255,.55); transform: translateX(calc(var(--zx, 0px) - 3.5px)) rotate(45deg); opacity: var(--zo, 0); transition: transform .26s cubic-bezier(.23,1,.32,1), opacity .2s ease; pointer-events: none; z-index: 1; }
.ly-geen-overgang::before, .ly-geen-overgang::after { transition: none !important; }
.ly-menulink { padding: 15px 14px !important; color: #231F1B !important; font-weight: 500 !important; font-size: 1.04rem !important; letter-spacing: .035em; white-space: nowrap; background: transparent !important; transition: color .2s cubic-bezier(.23,1,.32,1) !important; }
@media (hover: hover) and (pointer: fine) { .ly-menulink:hover { color: #6E6048 !important; } } .ly-menulink[aria-current=page] { color: #231F1B !important; }
.ly-menulink:focus { background-color: transparent !important; } .ly-menulink:focus-visible { outline-offset: -2px; border-radius: 4px; }
.ly-hdr-bel { position: relative; padding-left: 26px !important; white-space: nowrap; color: #231F1B !important; transition: color .2s cubic-bezier(.23,1,.32,1) !important; } .ly-hdr-bel::before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 26px; margin-top: -13px; background: #E7E1DA; } .ly-hdr-bel .e-svg-base { color: #AF986E; } @media (hover: hover) and (pointer: fine) { .ly-hdr-bel:hover { color: #6E6048 !important; } } .ly-hdr-bel p { color: inherit !important; }
@media (max-width: 1365px) and (min-width: 1200px) { .ly-menulink { padding: 15px 10px !important; letter-spacing: .02em; } .ly-hdr-midden { gap: 18px !important; } .ly-hdr-bel { padding-left: 18px !important; } }
@media (max-width: 1199px) { .ly-hdr-midden { display: none !important; } } @media (min-width: 1200px) { .ly-menuknop { display: none !important; } }
@media (max-width: 1199px) { .ly-logolink { width: 150px !important; } } @media (max-width: 767px) { .ly-logolink { width: 128px !important; } }
.ly-ringicoon { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><circle cx='10' cy='12' r='6.2' fill='none' stroke='%23231F1B' stroke-width='1.8'/><path d='M10 1.6 L13 4.6 L10 7.4 L7 4.6 Z' fill='%23AF986E' stroke='%23231F1B' stroke-width='1'/></svg>") center / contain no-repeat; transition: transform .3s cubic-bezier(.23,1,.32,1); } .ly-open .ly-ringicoon { transform: rotate(-30deg) scale(1.05); }
.ly-menuknop { 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; } @media (hover: hover) and (pointer: fine) { .ly-menuknop:hover { background-color: #F3F0EC !important; } } .ly-menuknop:active { transform: scale(.97); }
/* ===== sieradendoosje: het deksel klapt omhoog open en onthult de fluwelen ringenbak met de menu-items in gleuven ===== */
.ly-etui { position: fixed !important; left: 0; right: 0; top: var(--ly-header-h); bottom: 0; z-index: 900; perspective: 1400px; perspective-origin: 50% 0%; visibility: hidden; pointer-events: none; transition: visibility 0s linear .26s; }
@media (min-width: 1200px) { .ly-etui { display: none !important; } }
.ly-bak { position: absolute !important; inset: 0; overflow-y: auto; overscroll-behavior: contain; background-color: #F3F0EC !important; background-image: repeating-linear-gradient(180deg, transparent 0 3px, rgba(110,96,72,.025) 3px 4px) !important; opacity: 0; transition: opacity .2s ease .06s; }
.ly-deksel { position: absolute !important; left: 0; right: 0; top: 0; height: min(62vh, 520px); background: linear-gradient(180deg, #7A6A4E 0%, #6E6048 60%, #5E5240 100%) !important; box-shadow: inset 0 0 0 10px #6E6048, inset 0 0 0 11px rgba(231,225,218,.45); transform-origin: 50% 0%; transform: rotateX(0deg); backface-visibility: hidden; opacity: 0; }
.ly-open .ly-etui { visibility: visible; pointer-events: auto; transition: visibility 0s; } .ly-open .ly-bak { opacity: 1; transition: opacity .12s ease; }
@keyframes ly-deksel-open { 0% { opacity: 1; transform: rotateX(0deg); } 18% { opacity: 1; transform: rotateX(-6deg); } 70% { opacity: 1; } 100% { opacity: 0; transform: rotateX(-118deg); } }
.ly-open .ly-deksel { animation: ly-deksel-open .5s cubic-bezier(.45,0,.2,1) both; }
.ly-baklink { position: relative; border-bottom: 1px solid rgba(110,96,72,.16); box-shadow: 0 1px 0 rgba(255,255,255,.8); transition: background-color .2s ease !important; }
.ly-baklink::before { content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -3px; transform: rotate(45deg) scale(.5); opacity: 0; background: #AF986E; transition: transform .2s cubic-bezier(.23,1,.32,1), opacity .2s cubic-bezier(.23,1,.32,1); }
.ly-baklink[aria-current=page]::before { transform: rotate(45deg) scale(1); opacity: 1; } .ly-baklink[aria-current=page] p { color: #6E6048 !important; }
@media (hover: hover) and (pointer: fine) { .ly-baklink:hover { background-color: rgba(255,255,255,.6) !important; } } .ly-baklink:focus-visible { background-color: rgba(255,255,255,.6) !important; }
.ly-etui .ly-baklink, .ly-etui .ly-bakonder { opacity: 0; transform: translateY(14px); transition: opacity .12s cubic-bezier(.23,1,.32,1), transform .12s cubic-bezier(.23,1,.32,1), background-color .2s ease !important; }
.ly-open .ly-etui .ly-baklink, .ly-open .ly-etui .ly-bakonder { opacity: 1; transform: none; transition: opacity .32s cubic-bezier(.23,1,.32,1), transform .42s cubic-bezier(.23,1,.32,1), background-color .2s ease !important; }
.ly-open .ly-baklinks > :nth-child(1) { transition-delay: 220ms !important; } .ly-open .ly-baklinks > :nth-child(2) { transition-delay: 252ms !important; } .ly-open .ly-baklinks > :nth-child(3) { transition-delay: 284ms !important; } .ly-open .ly-baklinks > :nth-child(4) { transition-delay: 316ms !important; } .ly-open .ly-baklinks > :nth-child(5) { transition-delay: 348ms !important; } .ly-open .ly-baklinks > :nth-child(6) { transition-delay: 380ms !important; } .ly-open .ly-baklinks > :nth-child(7) { transition-delay: 412ms !important; } .ly-open .ly-baklinks > :nth-child(8) { transition-delay: 444ms !important; } .ly-open .ly-baklinks > :nth-child(9) { transition-delay: 476ms !important; } .ly-open .ly-baklinks > :nth-child(10) { transition-delay: 508ms !important; } 
.ly-open .ly-etui .ly-bakonder { transition-delay: 520ms !important; }
html.ly-lock { overflow: hidden; } .ly-etui .ly-knoppen { flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; } .ly-etui .ly-knoppen > .e-button-base { align-self: flex-start !important; }
/* gaps die de V4-parser niet opslaat */ .ly-linkrij { gap: 8px 24px !important; } .ly-knoppen { gap: 14px 22px !important; } .ly-lijst { column-gap: 32px !important; } .ly-plaatsen { column-gap: 36px !important; } .ly-footgrid { gap: 28px 52px !important; }
/* ===== status en openingstijden (mu-plugin) ===== */
.ly-status { display: inline-flex; align-items: center; gap: 10px; font-family: 'LY Jost', 'LY Jost Fallback', 'Century Gothic', Futura, sans-serif; font-weight: 500; font-size: 1.04rem; color: #231F1B; } .ly-stip { width: 9px; height: 9px; border-radius: 50%; background: #A09489; flex: 0 0 auto; } .ly-status.ly-open .ly-stip { background: #AF986E; box-shadow: 0 0 0 3px rgba(175,152,110,.28); } .ly-status.ly-dicht .ly-stip { background: #B8AEA4; }
.ly-tijden { margin: 0; padding: 0; width: 100%; } .ly-dag { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 10px 0; border-bottom: 1px solid #E7E1DA; font-size: 1.08rem; } .ly-dag:first-child { border-top: 1px solid #E7E1DA; }
.ly-dag dt { font-family: 'LY Jost', 'LY Jost Fallback', 'Century Gothic', Futura, sans-serif; font-weight: 500; color: #231F1B; } .ly-dag dd { margin: 0; font-family: 'LY Source Serif', 'LY Serif Fallback', Georgia, serif; color: #231F1B; font-variant-numeric: tabular-nums; } .ly-dag.ly-dicht dd { color: #5F574F; }
.ly-dag.ly-vandaag { background: #FFFFFF; box-shadow: -12px 0 0 #FFFFFF, 12px 0 0 #FFFFFF; border-bottom-color: transparent; } .ly-vandaaglabel { font-family: 'LY Source Serif Italic', 'LY Source Serif', Georgia, serif; font-style: italic; font-weight: 400; color: #5F574F; }
.ly-melding { display: block; padding: 12px 16px; border-radius: 8px; background: #FFFFFF; font-family: 'LY Jost', 'LY Jost Fallback', 'Century Gothic', Futura, sans-serif; font-weight: 500; } .ly-noot { color: #5F574F; }
/* ===== hero: graveerproef ===== */
.ly-graveer { display: flex; flex-direction: column; gap: 18px; width: 100%; }
.ly-ring { width: 100%; height: auto; display: block; overflow: visible; }
.ly-gravure { font-family: 'LY Source Serif Italic', 'LY Source Serif', Georgia, serif; font-style: italic; font-weight: 500; font-size: 30px; letter-spacing: .02em; } .ly-graveer[data-letter=blok] .ly-gravure { font-family: 'LY Jost', 'LY Jost Fallback', 'Century Gothic', Futura, sans-serif; font-style: normal; font-weight: 500; font-size: 24px; letter-spacing: .16em; text-transform: uppercase; }
.ly-gravure-donker { fill: #5E5240; fill-opacity: .82; } .ly-gravure-licht { fill: #FFFFFF; fill-opacity: .55; }
.ly-graveer textPath { transition: none; }
.ly-graveer-invoer { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; padding: 18px 20px; border-radius: 10px; background: #FFFFFF; } .ly-graveer-invoer input[type=text] { flex: 1 1 240px; } @media (max-width: 767px) { .ly-graveer-invoer { padding: 16px; } }
.ly-graveer-invoer > label { flex: 1 1 100%; font-family: 'LY Jost', 'LY Jost Fallback', 'Century Gothic', Futura, sans-serif; font-weight: 500; font-size: 1.04rem; color: #231F1B; }
.ly-graveer-invoer input[type=text] { min-width: 0; min-height: 48px; padding: 10px 14px; border: 1.5px solid #8C8681; border-radius: 8px; font-family: 'LY Source Serif Italic', 'LY Source Serif', Georgia, serif; font-style: italic; font-size: 1.2rem; color: #231F1B; background: #FFFFFF; transition: border-color .2s ease; } .ly-graveer[data-letter=blok] .ly-graveer-invoer input[type=text] { font-family: 'LY Jost', 'LY Jost Fallback', 'Century Gothic', Futura, sans-serif; font-style: normal; text-transform: uppercase; letter-spacing: .08em; font-size: 1.05rem; }
.ly-graveer-invoer input[type=text]:focus { border-color: #6E6048; outline: 3px solid #7A6A4E; outline-offset: 2px; }
.ly-letter { display: inline-flex; gap: 0; margin: 0; padding: 3px; border: 1.5px solid #8C8681; border-radius: 999px; min-height: 48px; align-items: center; } .ly-letter legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.ly-letter label { position: relative; display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; font-family: 'LY Jost', 'LY Jost Fallback', 'Century Gothic', Futura, sans-serif; font-weight: 500; font-size: .98rem; color: #231F1B; cursor: pointer; transition: background-color .2s cubic-bezier(.23,1,.32,1), color .2s cubic-bezier(.23,1,.32,1); white-space: nowrap; }
.ly-letter input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; } .ly-letter label:has(input:checked) { background: #231F1B; color: #FFFFFF; } .ly-letter label:has(input:focus-visible) { outline: 3px solid #7A6A4E; outline-offset: 2px; }
.ly-graveer-uitleg { margin: 0; font-size: 1rem; line-height: 1.55; color: #5F574F; max-width: 52ch; }
/* ===== vitrine: merknamen op glazen planken ===== */
.ly-plank { position: relative; } .ly-plank::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: linear-gradient(180deg, rgba(255,255,255,.95) 0 1px, rgba(160,148,137,.35) 1px 2px, rgba(160,148,137,.10) 2px 6px); border-radius: 1px; }
.ly-vitrine > .ly-plank:first-child { padding-top: 6px !important; }
/* ===== kaarten en lijsten ===== */
.ly-stippel { border-bottom: 2px dotted #B8AEA4; transform: translateY(-5px); align-self: flex-end; }
.ly-feit > :first-child { flex: 0 0 auto !important; white-space: nowrap; } .ly-feit > .ly-stippel { width: auto !important; flex: 1 1 14px !important; } .ly-feit > :last-child { flex: 0 1 auto !important; min-width: 0; width: auto !important; text-align: right; }
div.e-paragraph-base, .ly-merknamen { max-width: none !important; }
.ly-ruit { transform: rotate(45deg); border-radius: 1px; }
.ly-panel a.e-button-base { color: #7A6A4E !important; } .ly-panel a.e-button-base:hover { color: #231F1B !important; }
@media (hover: hover) and (pointer: fine) { .ly-plaats:hover { background-color: #F3F0EC !important; } }
.ly-galerij img { width: 100% !important; height: 100% !important; object-fit: cover; }
.ly-citaat { text-indent: -0.42em; }
/* ===== footer: garantiekaart met blindstempel ===== */
.ly-garantiekaart { background-image: radial-gradient(circle at 0 12px, #6E6048 5px, transparent 5.5px) !important; background-size: 10px 24px !important; background-repeat: repeat-y !important; background-position: -5px 0 !important; }
.ly-stempelwrap { position: absolute !important; right: 18px; top: 16px; width: 104px !important; margin: 0 !important; color: #A09489; transform: rotate(-12deg); } .ly-stempel { width: 100%; height: auto; display: block; font-family: 'LY Jost', 'LY Jost Fallback', 'Century Gothic', Futura, sans-serif; font-weight: 500; } .ly-stempel-l { font-family: 'LY Source Serif Italic', 'LY Source Serif', Georgia, serif; font-style: italic; }
@media (max-width: 767px) { .ly-stempelwrap { width: 84px !important; right: 10px; top: 12px; } }
.ly-footer-link:hover, .ly-footer-link:focus-visible { color: #FFFFFF !important; box-shadow: inset 0 -1px 0 #AF986E; }
/* accordion */
.e-accordion-item-icon { transition: transform .25s cubic-bezier(.23,1,.32,1), background-color .2s ease; } details[open] > summary .e-accordion-item-icon { transform: rotate(180deg); background-color: #E7E1DA !important; }
.e-accordion-item-icon svg { width: 14px !important; height: 14px !important; }
@media (hover: hover) and (pointer: fine) { summary.e-accordion-item-header:hover h3 { color: #6E6048 !important; } }
/* formulier: randen 3:1+ */
.ly-form input::placeholder, .ly-form textarea::placeholder { color: #5F574F !important; opacity: 1 !important; }
.ly-form input, .ly-form textarea, .ly-form select { border: 1.5px solid #8C8681 !important; font-family: 'LY Source Serif', 'LY Serif Fallback', Georgia, serif !important; } .ly-form input:focus, .ly-form textarea:focus, .ly-form select:focus { border-color: #6E6048 !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), box-shadow .2s 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; }
html { scrollbar-color: #A09489 #F3F0EC; } ::selection { background: #E7E1DA; color: #231F1B; } input, textarea { caret-color: #6E6048; }
/* skip-link */
.ly-skip { position: absolute !important; left: -9999px !important; top: 8px; z-index: 2000; } .ly-skip:focus, .ly-skip:focus-visible { left: 16px !important; }
/* focus */
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 #7A6A4E !important; outline-offset: 3px; }
footer a:focus-visible { outline-color: #E7E1DA !important; }
/* kaarttitels op één regel */
.ly-panel h3 { white-space: nowrap; } @media (max-width: 380px) { .ly-panel h3 { white-space: normal; } }
@media (max-width: 767px) { h1.e-heading-base { font-size: 2.15rem; } h2.e-heading-base { font-size: 1.7rem; } p.e-paragraph-base, .e-paragraph-base { font-size: 1.1rem; } }
.e-button-base, .e-paragraph-base { max-width: 100%; min-width: 0; overflow-wrap: break-word; }
.e-svg-base svg { display: block; } .ly-basis { align-items: baseline !important; } .ly-nowrap { white-space: nowrap !important; } .ly-rechts { text-align: right !important; }
.ly-knoppen .e-button-base { white-space: nowrap; } .ly-knoppen > .e-button-base { align-self: center !important; } .ly-plaats p:last-child { white-space: nowrap; }
html { scroll-behavior: smooth; scroll-padding-top: 120px; } @media (max-width: 1199px) { html { scroll-padding-top: 96px; } }
/* reduced motion: alleen beweging uit */
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; } .e-button-base:active, .ly-menuknop:active { transform: none !important; } details[open] > summary .e-accordion-item-icon, .ly-open .ly-ringicoon { transform: none !important; } .ly-band::before, .ly-band::after { transition: opacity .2s linear !important; } .ly-deksel { display: none !important; } .ly-etui .ly-baklink, .ly-etui .ly-bakonder { transform: none !important; transition: opacity .15s linear !important; transition-delay: 0s !important; } .ly-balk, .ly-logolink { transition: none !important; } }/* End custom CSS */