{"id":14,"date":"2025-09-21T22:39:58","date_gmt":"2025-09-21T22:39:58","guid":{"rendered":"https:\/\/marionesbooks.nl\/?page_id=14"},"modified":"2026-10-12T00:11:07","modified_gmt":"2026-10-12T00:11:07","slug":"contact","status":"publish","type":"page","link":"https:\/\/marionesbooks.nl\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<!-- ================================================\n MARIONES BOOKS\u00ae | CONTACT\n PROFESSIONELE HIGH-TECH CONTACTPAGINA\n Desktop 85% \/ Mobiel 90%\n Geen JavaScript \/ Geen externe formulieren\n ================================================ -->\n\n<section id=\"mb-contact-2026\" aria-labelledby=\"mb-contact-title\">\n\n<style>\n\n\/* BASIS *\/\n\n#mb-contact-2026 {\n  --mc-cyan:#87e7ff;\n  --mc-white:#f5fbff;\n  --mc-muted:#afc8da;\n\n  position:relative;\n  isolation:isolate;\n  box-sizing:border-box;\n\n  width:85%;\n  max-width:85%!important;\n  margin:5rem auto;\n  padding:clamp(24px,5vw,62px);\n  overflow:hidden;\n\n  border:1px solid rgba(130,215,255,.43);\n  border-radius:28px;\n\n  background:\n    radial-gradient(\n      ellipse at 50% -12%,\n      rgba(44,145,215,.33),\n      transparent 62%\n    ),\n    radial-gradient(\n      ellipse at 100% 90%,\n      rgba(48,89,160,.13),\n      transparent 48%\n    ),\n    linear-gradient(\n      145deg,\n      #1b3247 0%,\n      #090f1a 52%,\n      #13283c 100%\n    );\n\n  color:var(--mc-white);\n\n  font-family:\n    Inter,system-ui,-apple-system,\n    \"Segoe UI\",Roboto,Arial,sans-serif;\n\n  line-height:1.8;\n\n  box-shadow:\n    0 25px 65px rgba(0,0,0,.24),\n    inset 0 1px 0 rgba(255,255,255,.15),\n    inset 0 -1px 0 rgba(0,0,0,.5);\n}\n\n#mb-contact-2026 *,\n#mb-contact-2026 *::before,\n#mb-contact-2026 *::after {\n  box-sizing:border-box;\n}\n\n\/* HIGH-TECH RASTER *\/\n\n#mb-contact-2026::before {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  pointer-events:none;\n\n  background-image:\n    radial-gradient(\n      circle,\n      rgba(174,229,255,.22) 1px,\n      transparent 1.5px\n    ),\n    linear-gradient(\n      rgba(110,195,255,.045) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(110,195,255,.045) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    91px 87px,\n    34px 34px,\n    34px 34px;\n\n  opacity:.7;\n}\n\n\/* LICHTANIMATIE *\/\n\n#mb-contact-2026::after {\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:-40%;\n  width:40%;\n  height:2px;\n  pointer-events:none;\n\n  background:linear-gradient(\n    90deg,\n    transparent,\n    #80e7ff,\n    #fff,\n    transparent\n  );\n\n  box-shadow:0 0 19px rgba(110,220,255,.85);\n  animation:mc-scan 8s linear infinite;\n}\n\n@keyframes mc-scan {\n  from {left:-40%;}\n  to {left:100%;}\n}\n\n\/* HEADER *\/\n\n#mb-contact-2026 .mc-header {\n  max-width:850px;\n  margin:0 auto 42px;\n  text-align:center;\n}\n\n#mb-contact-2026 .mc-system {\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  flex-wrap:wrap;\n  gap:10px;\n\n  margin-bottom:24px;\n  color:#9ce3fb;\n  font-size:.66rem;\n  font-weight:800;\n  letter-spacing:.15em;\n}\n\n#mb-contact-2026 .mc-dot {\n  width:8px;\n  height:8px;\n  flex:none;\n  border-radius:50%;\n  background:#91ebff;\n  box-shadow:0 0 13px #91ebff;\n  animation:mc-pulse 3s ease-in-out infinite;\n}\n\n@keyframes mc-pulse {\n  0%,100% {opacity:.55;}\n  50% {opacity:1;}\n}\n\n#mb-contact-2026 h1 {\n  margin:0 0 20px;\n  color:#fff;\n  font-size:clamp(2rem,5vw,3.7rem);\n  font-weight:850;\n  line-height:1.2;\n  letter-spacing:-.035em;\n  text-align:center;\n  text-shadow:0 0 27px rgba(125,220,255,.2);\n}\n\n#mb-contact-2026 .mc-divider {\n  width:min(280px,75%);\n  height:2px;\n  margin:0 auto 26px;\n\n  background:linear-gradient(\n    90deg,\n    transparent,\n    #8beaff,\n    #fff,\n    #8beaff,\n    transparent\n  );\n\n  box-shadow:0 0 16px rgba(130,225,255,.55);\n}\n\n#mb-contact-2026 .mc-intro {\n  margin:0 auto 12px;\n  color:#e2f0f8;\n  font-size:clamp(1rem,1.8vw,1.13rem);\n  line-height:1.85;\n  text-align:center;\n}\n\n#mb-contact-2026 .mc-subtitle {\n  margin:0 auto;\n  color:#bed3e2;\n  font-size:.96rem;\n  text-align:center;\n}\n\n#mb-contact-2026 .mc-subtitle a,\n#mb-contact-2026 .mc-email-card a {\n  color:#a3ebff!important;\n  font-weight:750;\n  text-decoration:underline!important;\n  text-underline-offset:4px;\n  overflow-wrap:anywhere;\n}\n\n\/* SECTIEKOP *\/\n\n#mb-contact-2026 .mc-section-heading {\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  flex-wrap:wrap;\n  gap:12px;\n\n  max-width:950px;\n  margin:0 auto 21px;\n  padding-bottom:17px;\n\n  border-bottom:1px solid rgba(135,205,245,.2);\n}\n\n#mb-contact-2026 .mc-kicker {\n  color:#92e3ff;\n  font-size:.65rem;\n  font-weight:800;\n  letter-spacing:.13em;\n}\n\n#mb-contact-2026 .mc-count {\n  padding:8px 13px;\n  border:1px solid rgba(130,220,255,.35);\n  border-radius:999px;\n  background:rgba(100,190,255,.09);\n  color:#a6e7ff;\n  font-size:.67rem;\n  font-weight:800;\n  letter-spacing:.07em;\n}\n\n\/* FORMULIERPANEEL *\/\n\n#mb-contact-2026 .mc-form-panel {\n  position:relative;\n  max-width:950px;\n  margin:0 auto;\n  padding:clamp(23px,4vw,40px);\n\n  border:1px solid rgba(130,215,255,.3);\n  border-radius:22px;\n\n  background:linear-gradient(\n    145deg,\n    rgba(78,140,187,.23),\n    rgba(6,17,30,.91)\n  );\n\n  box-shadow:\n    0 14px 32px rgba(0,0,0,.2),\n    inset 0 1px 0 rgba(255,255,255,.08);\n}\n\n#mb-contact-2026 .mc-form-panel::before,\n#mb-contact-2026 .mc-form-panel::after {\n  content:\"\";\n  position:absolute;\n  width:24px;\n  height:24px;\n  pointer-events:none;\n}\n\n#mb-contact-2026 .mc-form-panel::before {\n  top:0;\n  left:0;\n  border-top:2px solid #9eeaff;\n  border-left:2px solid #9eeaff;\n  border-top-left-radius:20px;\n}\n\n#mb-contact-2026 .mc-form-panel::after {\n  right:0;\n  bottom:0;\n  border-right:2px solid #9eeaff;\n  border-bottom:2px solid #9eeaff;\n  border-bottom-right-radius:20px;\n}\n\n\/* FORMULIER *\/\n\n#mb-contact-2026 .mc-form {\n  display:grid;\n  gap:23px;\n  margin:0;\n}\n\n#mb-contact-2026 .mc-row {\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:20px;\n}\n\n#mb-contact-2026 .mc-field {\n  min-width:0;\n}\n\n#mb-contact-2026 .mc-label {\n  display:block;\n  margin-bottom:9px;\n  color:#e8f7ff;\n  font-size:.91rem;\n  font-weight:750;\n}\n\n#mb-contact-2026 .mc-required {\n  color:#9ceaff;\n}\n\n\/* INVULVELDEN *\/\n\n#mb-contact-2026 .mc-input,\n#mb-contact-2026 .mc-textarea {\n  display:block;\n  width:100%;\n  max-width:100%;\n  min-width:0;\n\n  padding:14px 16px;\n\n  border:1px solid rgba(140,220,255,.32)!important;\n  border-radius:12px;\n\n  background:#091a2a!important;\n  color:#fff!important;\n\n  font:inherit;\n  font-size:.97rem;\n  line-height:1.5;\n\n  outline:none;\n\n  box-shadow:\n    inset 0 2px 8px rgba(0,0,0,.16);\n\n  transition:\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n#mb-contact-2026 .mc-input {\n  min-height:53px;\n}\n\n#mb-contact-2026 .mc-textarea {\n  min-height:190px;\n  resize:vertical;\n}\n\n#mb-contact-2026 .mc-input:focus,\n#mb-contact-2026 .mc-textarea:focus {\n  border-color:#a6eeff!important;\n\n  box-shadow:\n    0 0 0 3px rgba(135,231,255,.13),\n    inset 0 2px 8px rgba(0,0,0,.16);\n}\n\n#mb-contact-2026 .mc-input::placeholder,\n#mb-contact-2026 .mc-textarea::placeholder {\n  color:#9aafc0;\n  opacity:1;\n}\n\n\/* VERZENDUITLEG *\/\n\n#mb-contact-2026 .mc-form-note {\n  margin:0;\n  color:#a9c3d4;\n  font-size:.84rem;\n  line-height:1.7;\n}\n\n\/* VERZENDKNOP *\/\n\n#mb-contact-2026 .mc-submit {\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:12px;\n\n  width:100%;\n  min-height:55px;\n  padding:13px 25px;\n\n  border:1px solid rgba(160,235,255,.75)!important;\n  border-radius:13px;\n\n  background:linear-gradient(\n    135deg,\n    #337ca4,\n    #17405d\n  )!important;\n\n  color:#fff!important;\n  font:inherit;\n  font-size:1rem;\n  font-weight:800;\n  letter-spacing:.02em;\n\n  cursor:pointer;\n\n  box-shadow:\n    0 8px 22px rgba(0,0,0,.23),\n    inset 0 1px 0 rgba(255,255,255,.2);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n#mb-contact-2026 .mc-submit:hover {\n  transform:translateY(-2px);\n\n  background:linear-gradient(\n    135deg,\n    #4094be,\n    #205677\n  )!important;\n\n  box-shadow:0 0 22px rgba(100,210,255,.2);\n}\n\n\/* RECHTSTREEKS CONTACT *\/\n\n#mb-contact-2026 .mc-email-card {\n  max-width:950px;\n  margin:27px auto 0;\n  padding:25px 26px;\n\n  border:1px solid rgba(130,215,255,.25);\n  border-radius:18px;\n\n  background:rgba(100,190,255,.07);\n  text-align:center;\n}\n\n#mb-contact-2026 .mc-email-label {\n  display:block;\n  margin-bottom:8px;\n  color:#fff;\n  font-size:1.02rem;\n  font-weight:800;\n}\n\n#mb-contact-2026 .mc-email-card p {\n  margin:0 0 9px;\n  color:#b9d0df;\n  font-size:.94rem;\n}\n\n\/* HOME KNOP *\/\n\n#mb-contact-2026 .mc-home-row {\n  display:flex;\n  justify-content:center;\n  margin-top:42px;\n}\n\n#mb-contact-2026 .mc-home {\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n  gap:11px;\n\n  min-height:50px;\n  padding:12px 27px;\n\n  border:1px solid rgba(135,225,255,.55);\n  border-radius:999px;\n\n  background:linear-gradient(\n    145deg,\n    #285e80,\n    #0b1c2d\n  );\n\n  color:#fff!important;\n  text-decoration:none!important;\n  font-size:.9rem;\n  font-weight:750;\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n#mb-contact-2026 .mc-home:hover {\n  transform:translateY(-3px);\n  box-shadow:0 0 21px rgba(100,210,255,.22);\n}\n\n\/* FOOTER *\/\n\n#mb-contact-2026 .mc-bottom {\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  gap:15px;\n\n  margin-top:39px;\n  padding-top:22px;\n\n  border-top:1px solid rgba(135,205,245,.17);\n\n  color:#8cacc3;\n  font-size:.62rem;\n  font-weight:750;\n  letter-spacing:.12em;\n  text-align:center;\n}\n\n#mb-contact-2026 .mc-bottom::before,\n#mb-contact-2026 .mc-bottom::after {\n  content:\"\";\n  flex:1;\n  max-width:110px;\n  height:1px;\n  background:rgba(120,205,255,.3);\n}\n\n\/* TOEGANKELIJKHEID *\/\n\n#mb-contact-2026 a:focus-visible,\n#mb-contact-2026 button:focus-visible,\n#mb-contact-2026 input:focus-visible,\n#mb-contact-2026 textarea:focus-visible {\n  outline:3px solid #a1edff;\n  outline-offset:4px;\n}\n\n\/* MOBIEL *\/\n\n@media(max-width:700px) {\n\n  #mb-contact-2026 {\n    width:90%;\n    max-width:90%!important;\n    margin:2rem auto;\n    padding:25px 14px;\n    border-radius:20px;\n  }\n\n  #mb-contact-2026 .mc-system {\n    font-size:.55rem;\n    letter-spacing:.07em;\n  }\n\n  #mb-contact-2026 h1 {\n    font-size:clamp(1.85rem,7vw,2.6rem);\n  }\n\n  #mb-contact-2026 .mc-header {\n    margin-bottom:30px;\n  }\n\n  #mb-contact-2026 .mc-form-panel {\n    padding:24px 18px;\n    border-radius:17px;\n  }\n\n  #mb-contact-2026 .mc-row {\n    grid-template-columns:1fr;\n    gap:23px;\n  }\n\n  #mb-contact-2026 .mc-form {\n    gap:21px;\n  }\n\n  #mb-contact-2026 .mc-textarea {\n    min-height:160px;\n  }\n\n  #mb-contact-2026 .mc-email-card {\n    padding:22px 17px;\n  }\n\n  #mb-contact-2026 .mc-home {\n    width:100%;\n  }\n\n  #mb-contact-2026 .mc-bottom {\n    font-size:.52rem;\n    letter-spacing:.05em;\n  }\n\n}\n\n\/* MINDER BEWEGING *\/\n\n@media(prefers-reduced-motion:reduce) {\n\n  #mb-contact-2026::after,\n  #mb-contact-2026 .mc-dot {\n    animation:none!important;\n  }\n\n  #mb-contact-2026 *,\n  #mb-contact-2026 *::before,\n  #mb-contact-2026 *::after {\n    transition:none!important;\n  }\n\n}\n\n<\/style>\n\n<!-- HEADER -->\n\n<header class=\"mc-header\">\n\n  <div class=\"mc-system\">\n    <span class=\"mc-dot\" aria-hidden=\"true\"><\/span>\n    <span>MARIONES BOOKS\u00ae \u00b7 CONTACT<\/span>\n  <\/div>\n\n  <h1 id=\"mb-contact-title\">\n    Contact\n  <\/h1>\n\n  <div class=\"mc-divider\" aria-hidden=\"true\"><\/div>\n\n  <p class=\"mc-intro\">\n    Heb je een vraag over onze boeken,\n    publicaties of andere werkzaamheden?\n    Neem gerust contact op met Mariones Books\u00ae.\n  <\/p>\n\n  <p class=\"mc-subtitle\">\n    Vul hieronder je gegevens in of stuur\n    rechtstreeks een e-mail naar\n    <a href=\"mailto:info@marionesbooks.nl\">\n      info@marionesbooks.nl\n    <\/a>.\n  <\/p>\n\n<\/header>\n\n<!-- FORMULIERSECTIE -->\n\n<div class=\"mc-section-heading\">\n\n  <span class=\"mc-kicker\">\n    MARIONES BOOKS\u00ae \u00b7 STUUR EEN BERICHT\n  <\/span>\n\n  <span class=\"mc-count\">\n    CONTACTFORMULIER\n  <\/span>\n\n<\/div>\n\n<!-- CONTACTFORMULIER -->\n\n<div class=\"mc-form-panel\">\n\n  <form\n    class=\"mc-form\"\n    action=\"mailto:info@marionesbooks.nl\"\n    method=\"post\"\n    enctype=\"text\/plain\" data-trp-original-action=\"mailto:info@marionesbooks.nl\"\n  >\n\n    <!-- NAAM EN E-MAIL -->\n\n    <div class=\"mc-row\">\n\n      <div class=\"mc-field\">\n\n        <label class=\"mc-label\" for=\"mc-naam\">\n          Name\n          <span class=\"mc-required\">*<\/span>\n        <\/label>\n\n        <input\n          class=\"mc-input\"\n          id=\"mc-naam\"\n          name=\"Naam\"\n          type=\"text\"\n          autocomplete=\"name\"\n          placeholder=\"Vul je naam in\"\n          required\n>\n\n      <\/div>\n\n      <div class=\"mc-field\">\n\n        <label class=\"mc-label\" for=\"mc-email\">\n          E-mailadres\n          <span class=\"mc-required\">*<\/span>\n        <\/label>\n\n        <input\n          class=\"mc-input\"\n          id=\"mc-email\"\n          name=\"Email\"\n          type=\"email\"\n          autocomplete=\"email\"\n          placeholder=\"Vul je e-mailadres in\"\n          required\n>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- ONDERWERP -->\n\n    <div class=\"mc-field\">\n\n      <label class=\"mc-label\" for=\"mc-onderwerp\">\n        Subject\n        <span class=\"mc-required\">*<\/span>\n      <\/label>\n\n      <input\n        class=\"mc-input\"\n        id=\"mc-onderwerp\"\n        name=\"Onderwerp\"\n        type=\"text\"\n        placeholder=\"Waar gaat je bericht over?\"\n        required\n>\n\n    <\/div>\n\n    <!-- BERICHT -->\n\n    <div class=\"mc-field\">\n\n      <label class=\"mc-label\" for=\"mc-bericht\">\n        Message\n        <span class=\"mc-required\">*<\/span>\n      <\/label>\n\n      <textarea\n        class=\"mc-textarea\"\n        id=\"mc-bericht\"\n        name=\"Bericht\"\n        placeholder=\"Schrijf hier je bericht...\"\n        required\n><\/textarea>\n\n    <\/div>\n\n    <!-- UITLEG -->\n\n    <p class=\"mc-form-note\">\n      Na het klikken op de knop wordt je\n      standaard e-mailprogramma geopend.\n      Controleer je bericht en verzend\n      het vervolgens vanuit je e-mailprogramma.\n    <\/p>\n\n    <!-- VERZENDKNOP -->\n\n    <button class=\"mc-submit\" type=\"submit\">\n\n      <span>\n        Open e-mailbericht\n      <\/span>\n\n      <span aria-hidden=\"true\">\n        \u2197\n      <\/span>\n\n    <\/button>\n\n  <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n<\/div>\n\n<!-- RECHTSTREEKS CONTACT -->\n\n<div class=\"mc-email-card\">\n\n  <span class=\"mc-email-label\">\n    Rechtstreeks contact\n  <\/span>\n\n  <p>\n    Liever zelf een e-mail schrijven?\n    Dat kan via het onderstaande adres.\n  <\/p>\n\n  <a href=\"mailto:info@marionesbooks.nl\">\n    info@marionesbooks.nl\n  <\/a>\n\n<\/div>\n\n<!-- TERUG NAAR HOME -->\n\n<div class=\"mc-home-row\">\n\n  <a\n    href=\"https:\/\/marionesbooks.nl\/en\/\"\n    class=\"mc-home\"\n    aria-label=\"Terug naar de startpagina\"\n  >\n\n    <span aria-hidden=\"true\">\n      \u2190\n    <\/span>\n\n    Terug naar Home\n\n  <\/a>\n\n<\/div>\n\n<!-- FOOTER -->\n\n<div class=\"mc-bottom\">\n  MARIONES BOOKS\u00ae \u00b7 CONTACT \u00b7 2026\n<\/div>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>MARIONES BOOKS\u00ae \u00b7 CONTACT Contact Heb je een vraag over onze boeken, publicaties of andere werkzaamheden? Neem gerust contact op met Mariones Books\u00ae. Vul hieronder je gegevens in of stuur rechtstreeks een e-mail naar info@marionesbooks.nl . MARIONES BOOKS\u00ae \u00b7 STUUR EEN BERICHT CONTACTFORMULIER Naam * E-mailadres * Onderwerp * Bericht * Na het klikken op [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":27,"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":1621,"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/pages\/14\/revisions\/1621"}],"wp:attachment":[{"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}