@font-face {
font-family: "Outfit";
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(//exportloketdirect.nl/wp-content/themes/exportloketdirect/assets/fonts/outfit-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: "Outfit";
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(//exportloketdirect.nl/wp-content/themes/exportloketdirect/assets/fonts/outfit-latin-ext.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
U+A720-A7FF;
}
@font-face {
font-family: "Figtree";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//exportloketdirect.nl/wp-content/themes/exportloketdirect/assets/fonts/figtree-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: "Figtree";
font-style: normal;
font-weight: 400 700;
font-display: swap;
src: url(//exportloketdirect.nl/wp-content/themes/exportloketdirect/assets/fonts/figtree-latin-ext.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
U+A720-A7FF;
} :root { --eld-navy: #022f47;
--eld-navy-dark: #012c43;
--eld-navy-badge: #1b3b52;
--eld-orange: #e8871e;
--eld-orange-dark: #c96f0d;
--eld-orange-accent: #e28216;  --eld-orange-soft: #f1c493;
--eld-orange-hover-soft: #cf7413; --eld-green: #459123;
--eld-green-dark: #3b7d1d;
--eld-cream: #fdf1e6;
--eld-cream-border: #f2d7ba;
--eld-cream-border-2: #f7dcc0;
--eld-cream-border-3: #fbecdc;
--eld-gray-band: rgba(0, 39, 69, 0.102);
--eld-blue-gray: #5f7d99;
--eld-blue-gray-2: #4a6478;
--eld-blue-gray-3: #93a6b8;
--eld-border-light: #e7eef5;
--eld-border-med: #d8e4ef;
--eld-callback-bar: #dde7f0;
--eld-step-number: #8ea7ba;
--eld-field-border: rgba(2, 47, 71, 0.102);
--eld-surface: #f4f6f8;
--eld-surface-2: #fbfbfc; --eld-page-light: #f8f9fb; --eld-text-black: #000000; --eld-white: #ffffff; --eld-whatsapp: #25a34a;
--eld-whatsapp-dark: #1f8c3f;
--eld-call-text: #0e3a5f;
--eld-note: #89a0b4;
--eld-orange-icon: #e28214; --eld-band-ghost-border: #65727f; --eld-toc-text: #102a3e; --eld-badge-green: #eaf4e4; --eld-badge-green-text: #356b16; --eld-wrap: 1280px;
--eld-gutter: 24px;
--eld-radius-sm: 5px;
--eld-radius-md: 8px;
--eld-radius-lg: 10px;
--eld-radius-xl: 20px;
--eld-field-height: 50px;
--eld-button-height: 52px; --eld-shadow-card: 0 14px 34px rgba(2, 47, 71, 0.09);
--eld-shadow-form: 0 30px 50px rgba(130, 157, 185, 0.1137);
--eld-shadow-cream: 15px 12px 30px rgba(226, 130, 22, 0.07); --eld-shadow-hero-panel: 0 0 0 1px var(--eld-cream-border), 0 22px 50px rgba(2, 47, 71, 0.16);
--eld-shadow-green: 0 6px 18px rgba(69, 145, 35, 0.28);
--eld-shadow-green-sm: 0 3px 6px rgba(69, 145, 35, 0.35); --eld-font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
--eld-font-head: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif; --eld-weight-head: 600; --eld-weight-nav: 700; --eld-band-h: clamp(96px, 9vw, 160px); --eld-lp-slope: clamp(90px, 14.2vw, 300px);
--eld-lp-band-top: clamp(104px, 12vw, 180px);
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
background: var(--eld-white);
color: var(--eld-navy);
font-family: var(--eld-font-body);
font-size: 15px;
line-height: 22px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
} body.eld-nav-open {
--eld-nav-open: 1;
}
img,
svg,
video {
max-width: 100%;
}
img {
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--eld-font-head);
font-weight: var(--eld-weight-head);
margin: 0;
}
p {
margin: 0;
text-wrap: pretty;
}
a {
color: var(--eld-navy);
}
a:hover {
color: var(--eld-orange-accent);
}
input,
textarea,
select,
button {
font-family: inherit;
font-size: inherit;
}
:where(a, button, input, textarea, select, summary):focus-visible {
outline: 2px solid var(--eld-orange-accent);
outline-offset: 2px;
}
.eld-visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.eld-skip-link {
position: absolute;
left: -9999px;
top: 0;
z-index: 1000;
padding: 12px 20px;
background: var(--eld-navy);
color: var(--eld-white);
font-size: 15px;
text-decoration: none;
}
.eld-skip-link:focus {
left: 0;
color: var(--eld-white);
} .eld-wrap {
max-width: var(--eld-wrap);
margin-inline: auto;
padding-inline: var(--eld-gutter);
}
.eld-wrap--narrow {
max-width: 820px;
} .eld-grid {
display: grid;
gap: 22px;
}
.eld-grid--260 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}
.eld-grid--280 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
gap: 40px;
}
.eld-grid--300 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
gap: 26px;
align-items: start;
}
.eld-grid--320 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
gap: 64px;
align-items: center;
}
.eld-grid--420 {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
gap: 56px;
align-items: center;
} .eld-h1 {
font-size: clamp(34px, 3.6vw, 46px);
line-height: 1.1;
color: var(--eld-navy);
}
.eld-h2 {
font-size: clamp(32px, 3.4vw, 45px);
line-height: 1;
letter-spacing: -0.05em;
color: var(--eld-navy);
}
.eld-h2--tight {
line-height: 1.06;
}
.eld-h2--band {
line-height: 1.05;
} .eld-h2--page {
font-size: clamp(30px, 3vw, 38px);
line-height: 1.15;
letter-spacing: normal;
} .eld-h2-line {
display: block;
color: var(--eld-orange);
} .eld-h2-inline {
color: var(--eld-orange);
}
.eld-kicker {
font-size: 18px;
line-height: 22px;
color: var(--eld-navy);
}
.eld-lead {
font-size: 18px;
line-height: 26px;
color: var(--eld-navy);
}
.eld-body {
font-size: 14px;
line-height: 22px;
color: var(--eld-navy);
}
.eld-body a {
color: var(--eld-orange);
text-decoration: underline;
}
.eld-card-title {
font-family: var(--eld-font-head);
font-weight: var(--eld-weight-head);
font-size: 18px;
line-height: 24px;
letter-spacing: -0.03em;
color: var(--eld-navy);
}
.eld-section-head {
display: flex;
align-items: baseline;
gap: 22px;
flex-wrap: wrap;
} .eld-btn {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 14px;
min-width: min(100%, 233px);
height: var(--eld-button-height);
padding: 0 18px 0 28px;
border: 0;
border-radius: var(--eld-radius-sm);
font-size: 15px;
line-height: 24px;
letter-spacing: -0.025em;
text-decoration: none;
cursor: pointer;
transition: background-color 0.15s ease, color 0.15s ease,
box-shadow 0.15s ease;
}
.eld-btn svg {
display: block;
flex: none;
}
.eld-btn--navy {
background: var(--eld-navy);
color: var(--eld-white);
}
.eld-btn--navy:hover {
background: var(--eld-navy-dark);
color: var(--eld-white);
}
.eld-btn--outline {
background: transparent;
box-shadow: inset 0 0 0 1px var(--eld-navy);
color: var(--eld-navy);
}
.eld-btn--outline:hover {
background: var(--eld-navy);
color: var(--eld-white);
}
.eld-btn--green {
background: var(--eld-green);
box-shadow: var(--eld-shadow-green-sm);
color: var(--eld-white);
}
.eld-btn--green:hover {
background: var(--eld-green-dark);
color: var(--eld-white);
}
.eld-btn--orange {
background: var(--eld-orange);
color: var(--eld-white);
}
.eld-btn--orange:hover {
background: var(--eld-orange-hover-soft);
color: var(--eld-white);
} .eld-btn--whatsapp {
align-self: flex-start;
justify-content: flex-start;
width: max-content;
min-width: 0;
gap: 10px;
height: 50px;
padding: 0 20px;
background: var(--eld-whatsapp);
color: var(--eld-white);
font-size: 15px;
line-height: 22px;
letter-spacing: -0.025em;
}
.eld-btn--whatsapp:hover {
background: var(--eld-whatsapp-dark);
color: var(--eld-white);
} .eld-btn--whatsapp-lg {
font-size: 16px;
letter-spacing: 0;
} .eld-btn--cta {
justify-content: center;
gap: 16px;
min-width: min(100%, 189px);
height: 50px;
padding: 0 24px;
background: var(--eld-green);
box-shadow: var(--eld-shadow-green);
color: var(--eld-white);
font-size: 15px;
line-height: 22px;
letter-spacing: 0;
flex: none;
}
.eld-btn--cta:hover {
background: var(--eld-green-dark);
color: var(--eld-white);
}
.eld-badge {
display: inline-flex;
align-items: center;
height: 33px;
padding: 0 16px;
border-radius: var(--eld-radius-lg);
background: var(--eld-orange-accent);
color: var(--eld-white);
font-size: 15px;
line-height: 1;
letter-spacing: -0.05em;
} .eld-field {
display: flex;
flex-direction: column;
gap: 7px;
font-size: 15px;
line-height: 24px;
letter-spacing: -0.025em;
color: var(--eld-navy);
} .eld-field__label {
display: block;
}
.eld-field__req {
color: var(--eld-orange);
}
.eld-field input,
.eld-field select {
height: var(--eld-field-height);
padding: 0 14px;
border: 1px solid var(--eld-field-border);
border-radius: var(--eld-radius-sm);
background: var(--eld-white);
font-size: 15px;
color: var(--eld-navy);
outline: none;
width: 100%;
}
.eld-field select {
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none' stroke='%23022f47' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M1 1.5 5 4.5 9 1.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
padding-right: 40px;
}
.eld-field textarea {
padding: 12px 14px;
border: 1px solid var(--eld-field-border);
border-radius: var(--eld-radius-sm);
background: var(--eld-white);
font-size: 15px;
line-height: 22px;
color: var(--eld-navy);
outline: none;
resize: vertical;
width: 100%;
}
.eld-field input:focus,
.eld-field select:focus,
.eld-field textarea:focus {
border-color: var(--eld-orange-accent);
outline: none;
}
.eld-field input::placeholder,
.eld-field textarea::placeholder {
color: var(--eld-blue-gray-3);
}
.eld-field--invalid input,
.eld-field--invalid select,
.eld-field--invalid textarea {
border-color: #c0392b;
}  .eld-field--group {
margin: 0;
border: 0;
padding: 0;
min-width: 0;
} .eld-field--group > .eld-field__label {
float: none;
width: 100%;
padding: 0;
}
.eld-checks {
display: flex;
flex-wrap: wrap;
gap: 10px 20px;
}
.eld-check-option {
display: flex;
align-items: center;
gap: 9px;
min-height: 26px;
font-size: 15px;
line-height: 22px;
letter-spacing: -0.025em;
color: var(--eld-navy);
cursor: pointer;
}
.eld-check-option input {
width: 18px;
height: 18px;
margin: 0;
flex: none;
accent-color: var(--eld-orange);
cursor: pointer;
}
.eld-field--invalid .eld-check-option {
color: #c0392b;
} .eld-field__row {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.eld-field__row input {
flex: 1 1 180px;
min-width: 0;
}
.eld-field__error {
font-size: 13px;
line-height: 20px;
color: #c0392b;
} .eld-hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.eld-notice {
padding: 14px 16px;
border-radius: var(--eld-radius-sm);
font-size: 14px;
line-height: 22px;
}
.eld-notice--ok {
background: #eaf5e4;
color: #2f6b17;
box-shadow: inset 0 0 0 1px #c7e4b8;
}
.eld-notice--error {
background: #fdecea;
color: #a3271a;
box-shadow: inset 0 0 0 1px #f3c8c2;
}  .eld-header {
width: 100%;
position: relative;
z-index: 40;
background: var(--eld-white);
box-shadow: 0 1px 0 rgba(2, 47, 71, 0.05), 0 8px 24px rgba(2, 47, 71, 0.05);
font-family: var(--eld-font-body);
color: var(--eld-navy);
}  .eld-topbar__inner {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 24px;
flex-wrap: wrap;
padding-block: 9px 10px;
}
.eld-topbar__slogan {
margin-right: auto;
font-size: 14px;
line-height: 22px;
color: var(--eld-navy);
}
.eld-topbar__right {
display: flex;
align-items: center;
gap: 26px;
flex-wrap: wrap;
}
.eld-topbar__menu {
display: flex;
align-items: center;
gap: 26px;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.eld-topbar__menu a {
font-size: 14px;
line-height: 22px;
color: var(--eld-navy);
text-decoration: none;
}
.eld-topbar__menu a:hover {
color: var(--eld-orange);
}
.eld-lang {
display: flex;
align-items: center;
gap: 7px;
font-size: 14px;
line-height: 22px;
color: var(--eld-navy);
}
.eld-lang svg {
display: block;
}
.eld-lang__flag {
border-radius: 2px;
} body .eld-lang--gt {
display: block;
}
body .eld-lang--gt .gt_switcher,
body .eld-lang--gt .gt_switcher a {
font-family: var(--eld-font-body);
font-size: 14px;
letter-spacing: -0.025em;
} body .eld-lang--gt .gt_switcher .gt_selected a,
body .eld-lang--gt .gt_switcher .gt_option a {
box-sizing: border-box;
display: flex;
align-items: center;
gap: 7px;
line-height: 22px;
padding: 0 24px 0 8px;
color: var(--eld-navy); border: 0;
}
body .eld-lang--gt .gt_switcher,
body .eld-lang--gt .gt_switcher .gt_selected a,
body .eld-lang--gt .gt_switcher .gt_option {
width: 152px;
}
body .eld-lang--gt .gt_switcher .gt_option a {
line-height: 30px;
} @media (max-width: 767px) {
body .eld-lang--gt .gt_switcher,
body .eld-lang--gt .gt_switcher .gt_selected a {
width: 52px;
}
body .eld-lang--gt .gt_switcher .gt_selected a {
font-size: 0;
padding: 0 20px 0 4px;
}
body .eld-lang--gt .gt_switcher .gt_option {
width: 152px;
}
} body .eld-lang--gt .gt_switcher {
position: relative;
overflow: visible;
}
body .eld-lang--gt .gt_switcher .gt_option {
position: absolute;
top: 100%;
right: 0;
margin-top: 6px;
border: 1px solid var(--eld-cream-border);
border-radius: var(--eld-radius-sm);
box-shadow: var(--eld-shadow-card);
} body .eld-lang--gt .gt_switcher:has(.gt_selected a.open) .gt_option {
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
body .eld-lang--gt .gt_switcher .gt_option a:hover {
background: var(--eld-cream);
} body .eld-lang--gt .gt_switcher a img {
opacity: 1;
border-radius: 2px;
flex: 0 0 auto;
} .eld-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
flex-wrap: wrap;
padding-block: 10px 12px;
}
.eld-logo {
display: flex;
flex-direction: column;
gap: 3.2px;
flex: none;
text-decoration: none;
}
.eld-logo img {
display: block;
}
.eld-logo__line1 {
width: min(100%, 174px);
height: 18.2px;
}
.eld-logo__line2 {
width: min(100%, 120px);
height: 18.2px;
} .eld-nav {
display: block;
}
.eld-nav__list {
display: flex;
align-items: center;
gap: 34px;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
}
.eld-nav__list a {
font-size: 15px;
line-height: 24px;
font-weight: var(--eld-weight-nav);
color: var(--eld-navy);
text-decoration: none;
}
.eld-nav__list a:hover,
.eld-nav__list .current-menu-item > a,
.eld-nav__list .current_page_item > a {
color: var(--eld-orange);
} .eld-burger {
display: none;
align-items: center;
justify-content: center;
gap: 10px;
height: 44px;
padding: 0 14px;
border: 1px solid var(--eld-border-light);
border-radius: var(--eld-radius-sm);
background: var(--eld-white);
color: var(--eld-navy);
font-size: 14px;
line-height: 22px;
cursor: pointer;
flex: none;
}
.eld-burger__bars {
position: relative;
display: block;
width: 20px;
height: 14px;
flex: none;
}
.eld-burger__bars span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
border-radius: 2px;
background: var(--eld-navy);
transition: transform 0.2s ease, opacity 0.2s ease, top 0.2s ease;
}
.eld-burger__bars span:nth-child(1) {
top: 0;
}
.eld-burger__bars span:nth-child(2) {
top: 6px;
}
.eld-burger__bars span:nth-child(3) {
top: 12px;
}
.eld-burger[aria-expanded="true"] .eld-burger__bars span:nth-child(1) {
top: 6px;
transform: rotate(45deg);
}
.eld-burger[aria-expanded="true"] .eld-burger__bars span:nth-child(2) {
opacity: 0;
}
.eld-burger[aria-expanded="true"] .eld-burger__bars span:nth-child(3) {
top: 6px;
transform: rotate(-45deg);
} .eld-panel {
display: none;
}
@media (max-width: 939px) {
.eld-burger {
display: inline-flex;
}
.eld-header__desktop-nav,
.eld-header__desktop-cta,
.eld-topbar__menu {
display: none;
}
.eld-topbar__slogan {
display: none;
}
.eld-bar {
gap: 16px;
flex-wrap: nowrap;
} .eld-panel {
display: block;
position: absolute;
left: 0;
right: 0;
top: 100%;
background: var(--eld-white);
visibility: hidden;
opacity: 0;
transform: translateY(-8px);
transition: opacity 0.2s ease, transform 0.2s ease,
visibility 0s linear 0.2s;
}
.eld-panel[data-open="true"] {
visibility: visible;
opacity: 1;
transform: none;
border-top: 1px solid var(--eld-border-light);
box-shadow: var(--eld-shadow-card);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0s;
} .eld-panel__clip {
max-height: 70dvh;
overflow-y: auto;
overscroll-behavior: contain;
}
.eld-panel__inner {
display: flex;
flex-direction: column;
gap: 22px;
padding: 24px var(--eld-gutter) 32px;
}
.eld-panel__list {
display: flex;
flex-direction: column;
gap: 0;
list-style: none;
margin: 0;
padding: 0;
}
.eld-panel__list li + li {
border-top: 1px solid var(--eld-border-light);
}
.eld-panel__list a {
display: block;
padding: 13px 0;
font-size: 17px;
line-height: 24px;
font-weight: var(--eld-weight-nav);
color: var(--eld-navy);
text-decoration: none;
}
.eld-panel__list a:hover {
color: var(--eld-orange);
}
.eld-panel__list--secondary a {
font-size: 15px; font-weight: 400;
color: var(--eld-blue-gray);
}
.eld-panel .eld-btn--cta {
width: 100%;
min-width: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.eld-panel,
.eld-panel[data-open="true"],
.eld-burger__bars span {
transition: none;
}
.eld-panel {
transform: none;
}
} .eld-footer {
width: 100%;
background: var(--eld-navy);
color: var(--eld-blue-gray-3);
font-family: var(--eld-font-body);
}
.eld-footer__cols {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
gap: 48px 40px;
padding-block: 72px 40px;
}
.eld-footer__col {
display: flex;
flex-direction: column;
gap: 14px;
}
.eld-footer__col--brand {
gap: 18px;
}
.eld-footer__wordmark {
font-family: var(--eld-font-head);
font-weight: var(--eld-weight-head);
font-size: 28px;
line-height: 1.1;
letter-spacing: -0.05em;
color: var(--eld-white);
}
.eld-footer__wordmark span {
color: var(--eld-blue-gray-3);
}
.eld-footer__text {
font-size: 14px;
line-height: 22px;
color: var(--eld-blue-gray-3);
}
.eld-footer__heading {
font-size: 18px;
line-height: 22px;
color: var(--eld-white);
}
.eld-footer__list {
display: flex;
flex-direction: column;
gap: 8px;
list-style: none;
margin: 0;
padding: 0;
}
.eld-footer a {
color: var(--eld-blue-gray-3);
text-decoration: none;
}
.eld-footer a:hover {
color: var(--eld-white);
}
.eld-footer__list a,
.eld-footer__contact {
font-size: 14px;
line-height: 22px;
}
.eld-footer__contact {
display: flex;
flex-direction: column;
gap: 2px;
color: var(--eld-blue-gray-3);
}
.eld-footer__contact .eld-footer__kvk {
margin-top: 22px;
}
.eld-footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px 40px;
flex-wrap: wrap;
padding-block: 24px 40px;
}
.eld-footer__copy {
font-size: 14px;
line-height: 22px;
color: var(--eld-blue-gray-3);
max-width: 320px;
} .eld-footer__legal {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: space-evenly;
gap: 24px 40px;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 22px;
}
.eld-footer__badge {
display: flex;
align-items: center;
gap: 8px;
height: 37px;
padding: 0 15px;
border-radius: var(--eld-radius-sm);
background: var(--eld-navy-badge);
font-size: 15px;
line-height: 22px;
letter-spacing: -0.025em;
color: var(--eld-white);
flex: none;
}
.eld-footer__badge-dot {
width: 9px;
height: 9px;
border-radius: 50%;
background: #3fa040;
flex: none;
} .eld-footer__badge--logo {
height: auto;
padding: 7px 10px;
background: var(--eld-white);
line-height: 0;
}
.eld-footer__badge-logo {
display: block;
width: auto;
height: 52px;
} .eld-footer__badge--logo:hover .eld-footer__badge-logo {
opacity: 0.85;
} .eld-ctaband {
background: var(--eld-navy-dark);
}
.eld-ctaband__inner {
padding-block: 52px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
gap: 40px;
align-items: center;
}
.eld-ctaband__col {
display: flex;
flex-direction: column;
gap: 12px;
}
.eld-ctaband__title {
font-family: var(--eld-font-head);
font-weight: var(--eld-weight-head);
font-size: clamp(30px, 3vw, 40px);
line-height: 1.1;
letter-spacing: -0.05em;
color: var(--eld-white);
}
.eld-ctaband__text {
max-width: 560px;
font-size: 15px;
line-height: 22px;
letter-spacing: -0.025em;
color: var(--eld-blue-gray-3);
}
.eld-ctaband__actions {
display: flex;
align-items: center;
gap: 18px;
flex-wrap: wrap;
justify-content: flex-end;
} .eld-btn--band {
justify-content: center;
height: 50px;
padding: 0 24px;
font-size: 15px;
line-height: 22px;
}
.eld-btn--band-green {
min-width: min(100%, 162px);
background: var(--eld-green);
box-shadow: 0 6px 18px rgba(69, 145, 35, 0.35);
color: var(--eld-white);
}
.eld-btn--band-green:hover {
background: var(--eld-green-dark);
color: var(--eld-white);
}
.eld-btn--band-ghost {
min-width: min(100%, 201px);
background: transparent;
box-shadow: inset 0 0 0 1px var(--eld-band-ghost-border);
color: var(--eld-white);
}
.eld-btn--band-ghost:hover {
box-shadow: inset 0 0 0 1px var(--eld-white);
color: var(--eld-white);
}
@media (max-width: 767px) {
.eld-ctaband__actions {
justify-content: flex-start;
} .eld-field input,
.eld-field select,
.eld-field textarea {
font-size: 16px;
}
}  .eld-band {
position: relative;
--eld-band-offset: 0px;
}
.eld-band--offset {
--eld-band-offset: var(--eld-lp-band-top);
}
.eld-band__edge {
position: absolute;
left: 0;
right: 0;
top: var(--eld-band-offset);
height: var(--eld-band-h);
background-position: center top;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.eld-band--gray .eld-band__edge {
background-image: url(//exportloketdirect.nl/wp-content/themes/exportloketdirect/assets/shapes/diagonal-band-top.png);
}
.eld-band--cream .eld-band__edge {
background-image: url(//exportloketdirect.nl/wp-content/themes/exportloketdirect/assets/shapes/diagonal-band-cream.png);
} .eld-band--light .eld-band__edge {
background-image: url(//exportloketdirect.nl/wp-content/themes/exportloketdirect/assets/shapes/diagonal-band-light.png);
} .eld-band__fill {
position: absolute;
left: 0;
right: 0;
top: calc(var(--eld-band-offset) + var(--eld-band-h));
bottom: 0;
}
.eld-band--gray .eld-band__fill {
background: var(--eld-gray-band);
} .eld-band--cream .eld-band__fill {
background: var(--eld-cream);
}
.eld-band--light .eld-band__fill {
background: var(--eld-page-light);
}
.eld-band__body {
position: relative;
} .eld-reviews {
padding-block: 96px 0;
}
.eld-reviews__head {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 56px;
}
.eld-reviews__head h2 {
max-width: 460px;
}
.eld-reviews__head p {
max-width: 420px;
} .eld-review {
position: relative;
z-index: 0;
padding: 48px 30px 30px;
border-radius: var(--eld-radius-md);
background: var(--eld-white);
border: 1px solid var(--eld-cream-border);
box-shadow: var(--eld-shadow-cream);
display: flex;
flex-direction: column;
gap: 10px;
}
.eld-review__ring {
position: absolute;
right: 24px;
top: -34px;
width: 56px;
height: 56px;
border-radius: 50%;
background: var(--eld-white);
border: 1px solid var(--eld-cream-border);
}
.eld-review__mask {
position: absolute;
right: 25px;
top: -1px;
width: 54px;
height: 27px;
background: var(--eld-white);
}
.eld-review__score {
position: absolute;
right: 35px;
top: -23px;
width: 34px;
height: 34px;
border-radius: 50%;
background: var(--eld-orange);
color: var(--eld-white);
font-size: 14px;
line-height: 34px;
text-align: center;
letter-spacing: -0.03em;
}
.eld-review__name {
font-size: 14px;
line-height: 22px;
color: var(--eld-blue-gray-3);
} .eld-review__link {
align-self: flex-start;
color: inherit;
text-decoration: none;
}
.eld-review__link::after {
content: "";
position: absolute;
inset: 0;
}
.eld-review__link:hover {
color: var(--eld-navy);
text-decoration: underline;
} .eld-review:has(.eld-review__link):hover {
border-color: var(--eld-orange);
}  .eld-contact--cream {
margin-top: 96px;
background: var(--eld-cream);
} .eld-contact--light .eld-contact__card {
box-shadow: inset 0 0 0 1px var(--eld-border-med),
15px 10px 20px rgba(136, 160, 180, 0.102);
}
.eld-contact--light .eld-contact__inner {
padding-block: 0 96px;
} .eld-contact--light-top .eld-contact__inner {
padding-block: 88px 96px;
}
.eld-contact--light .eld-contact__map {
background: var(--eld-surface);
}
.eld-contact__inner {
padding-block: 88px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
gap: 32px;
align-items: stretch;
}
.eld-contact__card {
padding: 40px;
border-radius: var(--eld-radius-lg);
background: var(--eld-white);
box-shadow: inset 0 0 0 1px var(--eld-cream-border-3),
15px 10px 20px rgba(226, 130, 22, 0.051);
display: flex;
flex-direction: column;
gap: 24px;
} .eld-rdw {
margin-top: 104px;
background: var(--eld-cream);
} .eld-rdw--light {
background: var(--eld-page-light);
}
.eld-rdw__inner {
padding-block: 88px;
}
.eld-rdw__photo {
display: block;
width: 100%;
max-width: 640px;
border-radius: var(--eld-radius-xl);
object-fit: cover;
}
.eld-rdw__col {
display: flex;
flex-direction: column;
gap: 22px;
align-items: flex-start;
}
.eld-rdw__col p {
max-width: 560px;
} .eld-contactgrid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
gap: 36px 40px;
}
.eld-contactblock {
display: flex;
flex-direction: column;
gap: 10px;
} .eld-contactgrid--row {
gap: 24px 32px;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}
.eld-contactblock svg {
display: block;
}
.eld-contactblock__label {
font-size: 16px;
line-height: 24px;
letter-spacing: -0.025em;
color: var(--eld-blue-gray-3);
}
.eld-contactblock__value {
font-size: 18px;
line-height: 22px;
color: var(--eld-navy);
}
.eld-contactblock__value a {
color: var(--eld-navy);
text-decoration: none;
}
.eld-contactblock__value a:hover {
color: var(--eld-orange-accent);
} .eld-contact__details {
padding-block: 56px 0;
display: flex;
flex-direction: column;
gap: 28px;
align-items: flex-start;
} .eld-contact__details .eld-contactgrid {
width: 100%;
}
.eld-contact__head {
display: flex;
flex-direction: column;
gap: 12px;
}
.eld-contact__title {
font-family: var(--eld-font-head);
font-weight: var(--eld-weight-head);
font-size: 24px;
line-height: 1.1;
letter-spacing: -0.05em;
color: var(--eld-navy);
} .eld-contact__form {
display: flex;
flex-direction: column;
gap: 24px;
}
.eld-contact__fields {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
gap: 18px;
}
.eld-contact__card .eld-btn {
width: min(100%, 233px);
align-self: flex-start;
}
.eld-contact__map {
border-radius: var(--eld-radius-lg);
overflow: hidden;
min-height: 420px;
background: var(--eld-white);
}
.eld-contact__map img,
.eld-contact__map iframe {
display: block;
width: 100%;
height: 100%;
min-height: 420px;
border: 0;
object-fit: cover;
} @media (max-width: 767px) {
.eld-contact__map iframe {
pointer-events: none;
}
}
@media (max-width: 520px) {
.eld-contact__card {
padding: 28px 20px;
}
} .eld-fallback {
padding-block: 88px;
}
.eld-fallback__title {
font-size: clamp(30px, 3vw, 38px);
line-height: 1.15;
margin-bottom: 20px;
}
.eld-fallback__content > * + * {
margin-top: 18px;
}
.eld-fallback__content h2,
.eld-fallback__content h3 {
margin-top: 32px;
}
.eld-fallback__content a {
color: var(--eld-orange);
} .eld-float {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 30;
display: flex;
flex-direction: column-reverse;
gap: 12px;
} .eld-float--scroll {
opacity: 0;
transform: translateY(16px);
pointer-events: none;
transition: opacity 0.22s ease, transform 0.22s ease;
}
.eld-float--scroll.is-visible {
opacity: 1;
transform: none;
pointer-events: auto;
}
.eld-float__btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
border-radius: 50%;
color: var(--eld-white);
text-decoration: none;
transition: transform 0.16s ease, box-shadow 0.16s ease;
}
.eld-float__btn svg {
display: block;
flex: none;
}
.eld-float__btn--whatsapp {
background: var(--eld-whatsapp);
box-shadow: 0 6px 18px rgba(37, 163, 74, 0.32);
}
.eld-float__btn--whatsapp:hover {
background: var(--eld-whatsapp-dark);
}
.eld-float__btn--call {
background: var(--eld-navy);
box-shadow: 0 6px 18px rgba(2, 47, 71, 0.28);
}
.eld-float__btn--call:hover {
background: var(--eld-navy-dark);
}
.eld-float__btn:hover,
.eld-float__btn:focus-visible {
transform: translateY(-2px);
color: var(--eld-white);
} .eld-float__tip {
position: absolute;
right: calc(100% + 10px);
top: 50%;
transform: translateY(-50%);
padding: 7px 12px;
border-radius: var(--eld-radius-sm);
background: var(--eld-navy);
color: var(--eld-white);
font-size: 13px;
line-height: 18px;
letter-spacing: -0.025em;
white-space: nowrap;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.16s ease;
}
.eld-float__btn:hover .eld-float__tip,
.eld-float__btn:focus-visible .eld-float__tip {
opacity: 1;
visibility: visible;
} @media (max-width: 767px) {
.eld-float {
right: 14px;
bottom: 14px;
gap: 10px;
}
.eld-float__btn {
width: 50px;
height: 50px;
}
.eld-float__tip {
display: none;
}
} @media (min-width: 940px) {
.eld-float {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.eld-float,
.eld-float__btn,
.eld-float__tip {
transition: none;
}
}