{"id":505,"date":"2025-10-30T21:25:08","date_gmt":"2025-10-30T21:25:08","guid":{"rendered":"https:\/\/marionesbooks.nl\/?page_id=505"},"modified":"2026-10-28T00:23:32","modified_gmt":"2026-10-28T00:23:32","slug":"welkom-bij-mariones-books","status":"publish","type":"page","link":"https:\/\/marionesbooks.nl\/en\/","title":{"rendered":"Welkom bij Mariones Books\u00ae"},"content":{"rendered":"<!-- =====================================================\n     MARIONES BOOKS\u00ae\n     HIGH-TECH WELCOME EXPERIENCE \u2014 2026\n     VOLLEDIGE WORDPRESS CUSTOM HTML\n     ===================================================== -->\n\n<section class=\"mb-welcome\" aria-labelledby=\"mb-welcome-title\">\n\n  <style>\n\n    \/* ==========================================\n       MARIONES BOOKS\u00ae \u2014 ISOLATED DESIGN\n       ========================================== *\/\n\n    .mb-welcome {\n      --mb-fg: #f4faff;\n      --mb-muted: #b8cbdc;\n      --mb-neon: #80e2ff;\n      --mb-blue: #4b9acb;\n\n      position: relative;\n      isolation: isolate;\n      width: 85%;\n      max-width: 85% !important;\n      margin: 5rem auto;\n      padding: clamp(35px, 6vw, 85px)\n               clamp(20px, 5vw, 65px);\n      box-sizing: border-box;\n      overflow: hidden;\n\n      font-family: Inter, system-ui,\n        -apple-system, \"Segoe UI\",\n        Roboto, Arial, sans-serif;\n\n      color: var(--mb-fg);\n      text-align: center;\n      line-height: 1.7;\n\n      border-radius: 28px;\n      border: 1px solid rgba(129, 216, 255, .38);\n\n      background:\n        radial-gradient(\n          ellipse at 50% -20%,\n          rgba(45, 142, 205, .35),\n          transparent 65%\n        ),\n        linear-gradient(\n          145deg,\n          #1b3044 0%,\n          #0a111c 50%,\n          #14283c 100%\n        );\n\n      box-shadow:\n        0 25px 65px rgba(0, 0, 0, .22),\n        inset 0 1px 0 rgba(255, 255, 255, .15),\n        inset 0 -1px 0 rgba(0, 0, 0, .45);\n    }\n\n    .mb-welcome *,\n    .mb-welcome *::before,\n    .mb-welcome *::after {\n      box-sizing: border-box;\n    }\n\n    \/* ==========================================\n       TECHNICAL GRID BACKGROUND\n       ========================================== *\/\n\n    .mb-welcome::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      z-index: -1;\n      pointer-events: none;\n\n      background-image:\n        linear-gradient(\n          rgba(110, 193, 255, .045) 1px,\n          transparent 1px\n        ),\n        linear-gradient(\n          90deg,\n          rgba(110, 193, 255, .045) 1px,\n          transparent 1px\n        );\n\n      background-size: 32px 32px;\n\n      mask-image: linear-gradient(\n        to bottom,\n        #000,\n        transparent 95%\n      );\n    }\n\n    \/* ==========================================\n       ANIMATED TOP LIGHT SCAN\n       ========================================== *\/\n\n    .mb-welcome::after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: -35%;\n      width: 35%;\n      height: 2px;\n      z-index: 2;\n      pointer-events: none;\n\n      background: linear-gradient(\n        90deg,\n        transparent,\n        #8eeaff,\n        #ffffff,\n        transparent\n      );\n\n      box-shadow:\n        0 0 15px rgba(103, 221, 255, .85),\n        0 0 28px rgba(103, 221, 255, .3);\n\n      animation: mb-welcome-scan 8s linear infinite;\n    }\n\n    @keyframes mb-welcome-scan {\n      from {\n        left: -35%;\n      }\n\n      to {\n        left: 100%;\n      }\n    }\n\n    \/* ==========================================\n       SYSTEM HEADER\n       ========================================== *\/\n\n    .mb-welcome .mb-system-header {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 35px;\n\n      color: #a9d5ed;\n      font-size: .7rem;\n      font-weight: 800;\n      letter-spacing: .16em;\n    }\n\n    .mb-welcome .mb-status-dot {\n      width: 8px;\n      height: 8px;\n      flex: none;\n      border-radius: 50%;\n\n      background: #8de9ff;\n      box-shadow: 0 0 12px #74dfff;\n\n      animation:\n        mb-welcome-pulse 3s ease-in-out infinite;\n    }\n\n    @keyframes mb-welcome-pulse {\n      0%, 100% {\n        opacity: .55;\n        box-shadow: 0 0 5px #74dfff;\n      }\n\n      50% {\n        opacity: 1;\n        box-shadow: 0 0 17px #74dfff;\n      }\n    }\n\n    \/* ==========================================\n       BRAND TITLE\n       ========================================== *\/\n\n    .mb-welcome .mb-brand-line {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      flex-wrap: wrap;\n      column-gap: .35em;\n      row-gap: 0;\n      margin: 0 0 25px;\n      min-width: 0;\n\n      font-size: clamp(1.7rem, 4.5vw, 3.8rem);\n      font-weight: 750;\n      letter-spacing: -.04em;\n      line-height: 1.25;\n      color: #fff;\n    }\n\n    .mb-welcome .mb-brand-name {\n      color: #fff;\n      font-weight: 850;\n      overflow-wrap: anywhere;\n\n      text-shadow:\n        0 0 20px rgba(116, 218, 255, .18);\n    }\n\n    \/* ==========================================\n       FUTURISTIC DIVIDER\n       ========================================== *\/\n\n    .mb-welcome .mb-divider {\n      position: relative;\n      width: min(250px, 75%);\n      height: 2px;\n      margin: 0 auto 30px;\n\n      background: linear-gradient(\n        90deg,\n        transparent,\n        #68d5ff,\n        #c7f4ff,\n        #68d5ff,\n        transparent\n      );\n\n      box-shadow:\n        0 0 15px rgba(100, 217, 255, .5);\n    }\n\n    .mb-welcome .mb-divider::after {\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n\n      width: 9px;\n      height: 9px;\n      border-radius: 50%;\n      background: #c8f6ff;\n\n      box-shadow: 0 0 15px #80e2ff;\n    }\n\n    \/* ==========================================\n       MAIN SLOGAN\n       ========================================== *\/\n\n    .mb-welcome .mb-slogan {\n      position: relative;\n      max-width: 780px;\n      margin: 0 auto 34px;\n\n      color: #e6f6ff;\n      font-size: clamp(1.05rem, 2.4vw, 1.5rem);\n      font-weight: 600;\n      line-height: 1.6;\n      letter-spacing: -.015em;\n    }\n\n    \/* ==========================================\n       INFORMATION PANEL\n       ========================================== *\/\n\n    .mb-welcome .mb-info-panel {\n      position: relative;\n      max-width: 780px;\n      margin: 0 auto;\n      padding: clamp(25px, 4vw, 42px);\n\n      border-radius: 20px;\n      border: 1px solid rgba(125, 205, 255, .22);\n\n      background: linear-gradient(\n        150deg,\n        rgba(91, 151, 192, .13),\n        rgba(5, 12, 21, .50)\n      );\n\n      box-shadow:\n        inset 0 1px 0 rgba(255, 255, 255, .08),\n        0 10px 30px rgba(0, 0, 0, .15);\n\n      backdrop-filter: blur(8px);\n    }\n\n    .mb-welcome .mb-info-label {\n      display: block;\n      margin-bottom: 20px;\n\n      color: #85dfff;\n      font-size: .67rem;\n      font-weight: 800;\n      letter-spacing: .17em;\n      text-transform: uppercase;\n    }\n\n    .mb-welcome .mb-info-panel p {\n      margin: 0 0 18px;\n      color: #d8e7f2;\n      font-size: clamp(.98rem, 1.7vw, 1.12rem);\n      line-height: 1.85;\n    }\n\n    .mb-welcome .mb-info-panel p:last-child {\n      margin-bottom: 0;\n    }\n\n    \/* ==========================================\n       NEW NAVIGATION BUTTONS\n       ========================================== *\/\n\n    .mb-welcome .mb-home-links {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: stretch;\n      flex-wrap: wrap;\n      gap: 16px;\n\n      max-width: 780px;\n      margin: 34px auto 0;\n    }\n\n    .mb-welcome .mb-home-link {\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      gap: 10px;\n\n      flex: 1 1 230px;\n      max-width: 350px;\n      min-height: 58px;\n      padding: 14px 22px;\n\n      border-radius: 999px;\n      border: 1px solid #86d9f5;\n\n      background: linear-gradient(\n        135deg,\n        #347fa6,\n        #174364\n      );\n\n      color: #ffffff !important;\n      font-family: inherit;\n      font-size: .95rem;\n      font-weight: 800;\n      line-height: 1.4;\n      text-align: center;\n      text-decoration: none !important;\n\n      box-shadow:\n        inset 0 1px 0 rgba(255,255,255,.18),\n        0 8px 22px rgba(0,0,0,.18);\n\n      transition:\n        background .25s ease,\n        transform .25s ease,\n        box-shadow .25s ease;\n    }\n\n    .mb-welcome .mb-home-link-secondary {\n      background: linear-gradient(\n        135deg,\n        #193e59,\n        #0d273c\n      );\n    }\n\n    .mb-welcome .mb-home-link:hover {\n      transform: translateY(-3px);\n\n      background: linear-gradient(\n        135deg,\n        #4098c2,\n        #205a7c\n      );\n\n      box-shadow:\n        0 12px 28px rgba(0,0,0,.25),\n        0 0 18px rgba(128,226,255,.16);\n    }\n\n    .mb-welcome .mb-home-link:focus-visible {\n      outline: 3px solid #c8f6ff;\n      outline-offset: 4px;\n    }\n\n    .mb-welcome .mb-home-link span {\n      font-size: 1.2em;\n      line-height: 1;\n    }\n\n    \/* ==========================================\n       PUBLICATION STATUS\n       ========================================== *\/\n\n    .mb-welcome .mb-publication-status {\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      gap: 10px;\n      max-width: 100%;\n      margin-top: 32px;\n      padding: 12px 20px;\n\n      border-radius: 999px;\n      border: 1px solid rgba(131, 217, 255, .45);\n\n      background: linear-gradient(\n        145deg,\n        rgba(48, 115, 158, .28),\n        rgba(10, 25, 39, .65)\n      );\n\n      color: #d5f3ff;\n      font-size: .75rem;\n      font-weight: 700;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n\n      box-shadow:\n        inset 0 1px 0 rgba(255, 255, 255, .1),\n        0 5px 15px rgba(0, 0, 0, .2);\n    }\n\n    .mb-welcome .mb-status-symbol {\n      display: inline-block;\n      width: 7px;\n      height: 7px;\n      flex: none;\n      border-radius: 50%;\n      background: #8ee8ff;\n      box-shadow: 0 0 10px #8ee8ff;\n    }\n\n    \/* ==========================================\n       BOTTOM SYSTEM LINE\n       ========================================== *\/\n\n    .mb-welcome .mb-bottom-line {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      gap: 14px;\n      margin-top: 40px;\n\n      color: #87aeca;\n      font-size: .65rem;\n      font-weight: 700;\n      letter-spacing: .14em;\n    }\n\n    .mb-welcome .mb-bottom-line::before,\n    .mb-welcome .mb-bottom-line::after {\n      content: \"\";\n      flex: 1;\n      max-width: 140px;\n      height: 1px;\n\n      background: linear-gradient(\n        90deg,\n        transparent,\n        rgba(114, 199, 255, .5),\n        transparent\n      );\n    }\n\n    \/* ==========================================\n       MOBILE EXPERIENCE\n       ========================================== *\/\n\n    @media (max-width: 640px) {\n\n      .mb-welcome {\n        width: 90%;\n        max-width: 90% !important;\n        margin: 2rem auto;\n        padding: 32px 18px;\n        border-radius: 20px;\n      }\n\n      .mb-welcome .mb-system-header {\n        margin-bottom: 26px;\n        font-size: .6rem;\n        letter-spacing: .1em;\n      }\n\n      .mb-welcome .mb-brand-line {\n        font-size: clamp(1.45rem, 6vw, 2.3rem);\n        margin-bottom: 22px;\n      }\n\n      .mb-welcome .mb-slogan {\n        font-size: 1.05rem;\n        margin-bottom: 25px;\n      }\n\n      .mb-welcome .mb-info-panel {\n        padding: 24px 17px;\n        border-radius: 16px;\n      }\n\n      .mb-welcome .mb-info-panel p {\n        font-size: .95rem;\n        line-height: 1.8;\n      }\n\n      .mb-welcome .mb-home-links {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 12px;\n        margin-top: 26px;\n      }\n\n      .mb-welcome .mb-home-link {\n        flex: 0 0 auto;\n        width: 100%;\n        max-width: none;\n        min-height: 54px;\n        padding: 13px 16px;\n        font-size: .9rem;\n      }\n\n      .mb-welcome .mb-publication-status {\n        font-size: .65rem;\n        letter-spacing: .04em;\n        padding: 11px 14px;\n      }\n\n      .mb-welcome .mb-bottom-line {\n        margin-top: 30px;\n        font-size: .56rem;\n        gap: 8px;\n      }\n\n    }\n\n    \/* ==========================================\n       ACCESSIBILITY\n       ========================================== *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n      .mb-welcome::after,\n      .mb-welcome .mb-status-dot {\n        animation: none !important;\n      }\n\n      .mb-welcome .mb-home-link {\n        transition: none !important;\n      }\n\n      .mb-welcome .mb-home-link:hover {\n        transform: none;\n      }\n\n    }\n\n  <\/style>\n\n  <!-- ==========================================\n       SYSTEM HEADER\n       ========================================== -->\n\n  <div class=\"mb-system-header\">\n\n    <span\n      class=\"mb-status-dot\"\n      aria-hidden=\"true\">\n    <\/span>\n\n    <span>\n      MARIONES BOOKS\u00ae \u00b7 DIGITAL EXPERIENCE\n    <\/span>\n\n  <\/div>\n\n  <!-- ==========================================\n       BRAND\n       ========================================== -->\n\n  <h1\n    id=\"mb-welcome-title\"\n    class=\"mb-brand-line translation-block\"><span>Welcome to<\/span>\n<span><strong>Mariones Books\u00ae<\/strong><\/span><\/h1>\n\n  <!-- ==========================================\n       LIGHT DIVIDER\n       ========================================== -->\n\n  <div\n    class=\"mb-divider\"\n    aria-hidden=\"true\">\n  <\/div>\n\n  <!-- ==========================================\n       SLOGAN\n       ========================================== -->\n\n  <p class=\"mb-slogan\">\n    Verhalen die grenzen, talen en werelden verbinden.\n  <\/p>\n\n  <!-- ==========================================\n       VERNIEUWDE WELKOMSTEKST\n       ========================================== -->\n\n  <div class=\"mb-info-panel\">\n\n    <span class=\"mb-info-label\">\n      Publishing \u00b7 Literature \u00b7 International\n    <\/span>\n\n    <p>\n      By\n      <span translate=\"no\">Mariones Books\u00ae<\/span>\n      komen verhalen, verbeelding en\n      persoonlijke ervaringen samen.\n    <\/p>\n\n    <p>\n      Ontdek onze verschenen boeken,\n      voltooide manuscripten en nieuwe\n      publicaties. Maak kennis met onze\n      auteurs, bijzondere werelden en\n      de verhalen achter onze uitgeverij.\n    <\/p>\n\n    <p>\n      Blijf op de hoogte van onze nieuwste\n      ontwikkelingen en ontdek wat\n      <span translate=\"no\">Mariones Books\u00ae<\/span>\n      te bieden heeft.\n    <\/p>\n\n  <\/div>\n\n  <!-- ==========================================\n       TWEE WERKENDE NAVIGATIEKNOPPEN\n       ========================================== -->\n\n  <nav\n    class=\"mb-home-links\"\n    aria-label=\"Ontdek Mariones Books\">\n\n    <!-- BOEKEN & PUBLICATIES -->\n\n    <a\n      class=\"mb-home-link\"\n      href=\"https:\/\/marionesbooks.nl\/en\/kalender\/\">\n\n      Boeken &amp; Publicaties\n\n      <span aria-hidden=\"true\"><\/span>\n\n    <\/a>\n\n    <!-- NIEUWS & ONTWIKKELINGEN -->\n\n    <a\n      class=\"mb-home-link mb-home-link-secondary\"\n      href=\"https:\/\/marionesbooks.nl\/en\/kalender\/nieuws-ontwikkelingen\/\">\n\n      Nieuws &amp; Ontwikkelingen\n\n      <span aria-hidden=\"true\"><\/span>\n\n    <\/a>\n\n  <\/nav>\n\n  <!-- ==========================================\n       STATUS\n       ========================================== -->\n\n  <div class=\"mb-publication-status\">\n\n    <span\n      class=\"mb-status-symbol\"\n      aria-hidden=\"true\">\n    <\/span>\n\n    Verhalen \u00b7 Boeken \u00b7 Ontwikkelingen\n\n  <\/div>\n\n  <!-- ==========================================\n       SIGNATURE\n       ========================================== -->\n\n  <div class=\"mb-bottom-line\">\n\n    <span>\n      EST. 2014 \u00b7 MARIONES BOOKS\u00ae\n    <\/span>\n\n  <\/div>\n\n<\/section>\n\n<!-- =====================================================\n     EINDE VOLLEDIGE HTML\n     MARIONES BOOKS\u00ae \u2014 2026\n     ===================================================== -->\n\n\n\n<!-- ============================================\n MARIONES BOOKS\u00ae\n EXTREME HIGH-TECH BOOK ATTRACTION\n WordPress Custom HTML \u2014 2026\n 10 boeken inclusief Aligo Ritme\n ============================================ -->\n\n<section class=\"mb-attraction\" aria-label=\"Boekenattractie Mariones Books\">\n\n<style>\n.mb-attraction {\n  --neon:#7cdeff;\n  --silver:#dceaf5;\n  position:relative;\n  width:85% !important;\n  max-width:85% !important;\n  min-width:0;\n  margin:3rem auto;\n  padding:clamp(22px,4vw,45px);\n  box-sizing:border-box;\n  overflow:hidden;\n  border-radius:26px;\n  color:#f4faff;\n  font-family:Inter,system-ui,Arial,sans-serif;\n\n  background:\n    radial-gradient(ellipse at 50% 0%,\n      rgba(33,130,195,.32),transparent 65%),\n    linear-gradient(145deg,#192b3d,#080e17 65%,#142337);\n\n  border:1px solid rgba(124,222,255,.45);\n\n  box-shadow:\n    0 22px 55px rgba(0,0,0,.22),\n    inset 0 1px 0 rgba(255,255,255,.15);\n}\n\n.mb-attraction *,\n.mb-attraction *::before,\n.mb-attraction *::after {\n  box-sizing:border-box;\n}\n\n\/* Technische achtergrond *\/\n\n.mb-attraction::before {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  background-image:\n    linear-gradient(rgba(100,190,255,.045) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(100,190,255,.045) 1px,transparent 1px);\n  background-size:32px 32px;\n}\n\n\/* Bewegende lichtstraal *\/\n\n.mb-attraction::after {\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:-40%;\n  width:40%;\n  height:2px;\n  background:linear-gradient(90deg,transparent,#8feaff,#fff,transparent);\n  box-shadow:0 0 18px #65d9ff;\n  animation:mb-attraction-scan 8s linear infinite;\n}\n\n@keyframes mb-attraction-scan {\n  from {left:-40%;}\n  to {left:100%;}\n}\n\n\/* Header *\/\n\n.mb-attraction .mb-attraction-header {\n  position:relative;\n  text-align:center;\n  margin-bottom:30px;\n}\n\n.mb-attraction .mb-eyebrow {\n  display:block;\n  color:#91dfff;\n  font-size:.7rem;\n  font-weight:800;\n  letter-spacing:.2em;\n  margin-bottom:12px;\n}\n\n.mb-attraction h2 {\n  color:#fff;\n  font-size:clamp(1.5rem,4vw,2.7rem);\n  line-height:1.2;\n  letter-spacing:-.035em;\n  margin:0 0 12px;\n  font-weight:800;\n}\n\n.mb-attraction .mb-intro {\n  color:#b8cbdc;\n  font-size:clamp(.85rem,1.6vw,1rem);\n  margin:0;\n  line-height:1.6;\n}\n\n\/* Carrouselvenster *\/\n\n.mb-attraction .mb-viewport {\n  position:relative;\n  overflow-x:auto;\n  overflow-y:hidden;\n  scrollbar-width:none;\n  -webkit-overflow-scrolling:touch;\n  padding:20px 0 25px;\n  touch-action:pan-x;\n  mask-image:linear-gradient(\n    90deg,transparent,#000 4%,#000 96%,transparent);\n}\n\n.mb-attraction .mb-viewport::-webkit-scrollbar {\n  display:none;\n}\n\n.mb-attraction .mb-track {\n  display:flex;\n  align-items:stretch;\n  gap:22px;\n  width:max-content;\n  animation:mb-book-move 55s linear infinite;\n}\n\n@keyframes mb-book-move {\n  from {transform:translateX(0);}\n  to {transform:translateX(-50%);}\n}\n\n.mb-attraction .mb-viewport:hover .mb-track,\n.mb-attraction .mb-viewport:focus-within .mb-track,\n.mb-attraction .mb-viewport:active .mb-track,\n.mb-attraction .mb-track.mb-paused {\n  animation-play-state:paused;\n}\n\n\/* Boekkaarten *\/\n\n.mb-attraction .mb-book {\n  position:relative;\n  flex:0 0 175px;\n  width:175px;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:12px;\n  padding:17px 13px;\n  border-radius:19px;\n  text-align:center;\n\n  background:linear-gradient(\n    155deg,rgba(91,139,173,.23),rgba(6,14,24,.93));\n\n  border:1px solid rgba(124,222,255,.22);\n\n  box-shadow:\n    0 10px 24px rgba(0,0,0,.25),\n    inset 0 1px 0 rgba(255,255,255,.1);\n\n  transition:\n    transform .3s ease,\n    border-color .3s ease,\n    box-shadow .3s ease;\n}\n\n.mb-attraction .mb-book:hover {\n  transform:translateY(-7px);\n  border-color:#8de7ff;\n  box-shadow:\n    0 16px 32px rgba(0,0,0,.35),\n    0 0 20px rgba(75,194,255,.2);\n}\n\n\/* Omslagen *\/\n\n.mb-attraction .mb-cover {\n  display:block;\n  width:135px;\n  height:195px;\n  object-fit:cover;\n  border-radius:11px;\n\n  box-shadow:\n    0 12px 23px rgba(0,0,0,.45),\n    0 0 0 1px rgba(255,255,255,.12);\n\n  transition:transform .35s ease;\n}\n\n.mb-attraction .mb-book:hover .mb-cover {\n  transform:scale(1.035);\n}\n\n.mb-attraction .mb-cover-link {\n  display:block;\n  text-decoration:none;\n}\n\n\/* Boeknummer *\/\n\n.mb-attraction .mb-book-number {\n  align-self:flex-start;\n  color:#80c4e6;\n  font-size:.62rem;\n  font-weight:800;\n  letter-spacing:.13em;\n}\n\n\/* Boekknop *\/\n\n.mb-attraction .mb-book-btn {\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:6px;\n  width:100%;\n  min-height:39px;\n  padding:9px 8px;\n\n  background:linear-gradient(145deg,#255575,#071521);\n  border:1px solid rgba(133,222,255,.55);\n  border-radius:999px;\n\n  color:#fff!important;\n  font-size:.75rem;\n  font-weight:700;\n  text-decoration:none!important;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.2),\n    0 5px 12px rgba(0,0,0,.25);\n\n  transition:background .25s,box-shadow .25s;\n}\n\n.mb-attraction .mb-book-btn:hover {\n  background:linear-gradient(145deg,#377ca5,#123149);\n  box-shadow:0 0 16px rgba(105,210,255,.35);\n}\n\n.mb-attraction a:focus-visible,\n.mb-attraction button:focus-visible {\n  outline:3px solid #9be9ff;\n  outline-offset:4px;\n}\n\n\/* Status *\/\n\n.mb-attraction .mb-status {\n  font-size:.62rem;\n  letter-spacing:.08em;\n  color:#8ab7d2;\n  text-transform:uppercase;\n  min-height:1em;\n}\n\n\/* Bedieningspaneel *\/\n\n.mb-attraction .mb-controls {\n  position:relative;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  gap:15px;\n  margin-top:18px;\n}\n\n.mb-attraction .mb-control {\n  appearance:none;\n  border:1px solid rgba(125,213,255,.5);\n  background:linear-gradient(145deg,#25455f,#0b1826);\n  color:#fff;\n  border-radius:50%;\n  width:44px;\n  height:44px;\n  cursor:pointer;\n  font-size:1.1rem;\n  display:grid;\n  place-items:center;\n  box-shadow:0 5px 15px rgba(0,0,0,.25);\n}\n\n.mb-attraction .mb-control:hover {\n  border-color:#b4efff;\n  background:#245878;\n}\n\n.mb-attraction .mb-control-label {\n  color:#b1d4e8;\n  font-size:.67rem;\n  font-weight:800;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n\n\/* Onderste technische lijn *\/\n\n.mb-attraction .mb-system-line {\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  gap:12px;\n  margin-top:24px;\n  color:#80a8c1;\n  font-size:.61rem;\n  letter-spacing:.1em;\n}\n\n.mb-attraction .mb-system-line::before,\n.mb-attraction .mb-system-line::after {\n  content:\"\";\n  flex:1;\n  max-width:130px;\n  height:1px;\n  background:linear-gradient(90deg,transparent,#478db4,transparent);\n}\n\n\/* Mobiel *\/\n\n@media(max-width:640px) {\n  .mb-attraction {\n    width:90% !important;\n    max-width:90% !important;\n    margin:2rem auto;\n    padding:22px 13px;\n    border-radius:20px;\n  }\n\n  .mb-attraction .mb-track {\n    gap:12px;\n  }\n\n  .mb-attraction .mb-book {\n    flex-basis:145px;\n    width:145px;\n    padding:13px 9px;\n    border-radius:15px;\n  }\n\n  .mb-attraction .mb-cover {\n    width:112px;\n    height:166px;\n  }\n\n  .mb-attraction .mb-book-btn {\n    font-size:.7rem;\n  }\n\n  .mb-attraction .mb-viewport {\n    mask-image:none;\n  }\n\n  .mb-attraction .mb-control-label {\n    font-size:.58rem;\n  }\n}\n\n@media(prefers-reduced-motion:reduce) {\n  .mb-attraction .mb-track,\n  .mb-attraction::after {\n    animation:none!important;\n  }\n\n  .mb-attraction *,\n  .mb-attraction *::before,\n  .mb-attraction *::after {\n    transition:none!important;\n  }\n}\n<\/style>\n\n<div class=\"mb-attraction-header\">\n  <span class=\"mb-eyebrow\">MARIONES BOOKS\u00ae \u00b7 DIGITAL COLLECTION<\/span>\n  <h2>Ontdek onze werelden<\/h2>\n  <p class=\"mb-intro\">\n    Verhalen, avonturen en nieuwe publicaties.\n    Ontdek onze collectie in beweging.\n  <\/p>\n<\/div>\n\n<div class=\"mb-viewport\" tabindex=\"0\" aria-label=\"Horizontale boekencarrousel\">\n  <div class=\"mb-track\">\n\n    <!-- REEKS 1 -->\n\n    <article class=\"mb-book\">\n      <span class=\"mb-book-number\">01 \/ COLLECTION<\/span>\n      <a class=\"mb-cover-link\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/het-boek-van-de-herinneraar\/\">\n        <img decoding=\"async\" class=\"mb-cover\" src=\"https:\/\/marionesbooks.nl\/wp-content\/uploads\/2025\/12\/Het_Boek_van_de_herinneraar.webp\" alt=\"Het Boek van de Herinneraar\" width=\"135\" height=\"195\" loading=\"lazy\">\n      <\/a>\n      <a class=\"mb-book-btn\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/het-boek-van-de-herinneraar\/\">Bekijk boek \u2197<\/a>\n      <span class=\"mb-status\">Dutch edition<\/span>\n    <\/article>\n\n    <article class=\"mb-book\">\n      <span class=\"mb-book-number\">02 \/ COLLECTION<\/span>\n      <a class=\"mb-cover-link\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/senou-saga-deel-l\/\">\n        <img decoding=\"async\" class=\"mb-cover\" src=\"https:\/\/marionesbooks.nl\/wp-content\/uploads\/2025\/12\/cover-2.webp\" alt=\"Senou Saga Deel I\" width=\"135\" height=\"195\" loading=\"lazy\">\n      <\/a>\n      <a class=\"mb-book-btn\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/senou-saga-deel-l\/\">Bekijk boek \u2197<\/a>\n      <span class=\"mb-status\">Senou Saga<\/span>\n    <\/article>\n\n    <article class=\"mb-book\">\n      <span class=\"mb-book-number\">03 \/ COLLECTION<\/span>\n      <a class=\"mb-cover-link\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/atlasmino-saga-deel-l\/\">\n        <img decoding=\"async\" class=\"mb-cover\" src=\"https:\/\/marionesbooks.nl\/wp-content\/uploads\/2025\/12\/Atlasmino_Saga_deel_1_Cover-1.webp\" alt=\"Atlasmino Saga Deel I\" width=\"135\" height=\"195\" loading=\"lazy\">\n      <\/a>\n      <a class=\"mb-book-btn\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/atlasmino-saga-deel-l\/\">Bekijk boek \u2197<\/a>\n      <span class=\"mb-status\">Atlasmino Universe<\/span>\n    <\/article>\n\n    <article class=\"mb-book\">\n      <span class=\"mb-book-number\">04 \/ COLLECTION<\/span>\n      <a class=\"mb-cover-link\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/atlasmino-saga-deel-ll\/\">\n        <img decoding=\"async\" class=\"mb-cover\" src=\"https:\/\/marionesbooks.nl\/wp-content\/uploads\/2025\/12\/cover-1.webp\" alt=\"Atlasmino Saga Deel II\" width=\"135\" height=\"195\" loading=\"lazy\">\n      <\/a>\n      <a class=\"mb-book-btn\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/atlasmino-saga-deel-ll\/\">Bekijk boek \u2197<\/a>\n      <span class=\"mb-status\">Atlasmino Universe<\/span>\n    <\/article>\n\n    <article class=\"mb-book\">\n      <span class=\"mb-book-number\">05 \/ COLLECTION<\/span>\n      <a class=\"mb-cover-link\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/\">\n        <img decoding=\"async\" class=\"mb-cover\" src=\"https:\/\/marionesbooks.nl\/wp-content\/uploads\/2026\/10\/Atlasmino-cover-website-2.webp\" alt=\"Atlasmino Saga Deel III\" width=\"135\" height=\"195\" loading=\"lazy\">\n      <\/a>\n      <a class=\"mb-book-btn\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/\">Binnenkort \u2197<\/a>\n      <span class=\"mb-status\">Atlasmino Universe<\/span>\n    <\/article>\n\n    <article class=\"mb-book\">\n      <span class=\"mb-book-number\">06 \/ COLLECTION<\/span>\n      <a class=\"mb-cover-link\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/\">\n        <img decoding=\"async\" class=\"mb-cover\" src=\"https:\/\/marionesbooks.nl\/wp-content\/uploads\/2026\/10\/De_Blauwe_Envelop_Mariones_Books.webp\" alt=\"De Blauwe Envelop\" width=\"135\" height=\"195\" loading=\"lazy\">\n      <\/a>\n      <a class=\"mb-book-btn\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/\">Binnenkort \u2197<\/a>\n      <span class=\"mb-status\">Nieuwe uitgave<\/span>\n    <\/article>\n\n    <article class=\"mb-book\">\n      <span class=\"mb-book-number\">07 \/ COLLECTION<\/span>\n      <a class=\"mb-cover-link\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/\">\n        <img decoding=\"async\" class=\"mb-cover\" src=\"https:\/\/marionesbooks.nl\/wp-content\/uploads\/2026\/10\/het-og-voorkaft.webp\" alt=\"Het Oog dat Alles Ziet\" width=\"135\" height=\"195\" loading=\"lazy\">\n      <\/a>\n      <a class=\"mb-book-btn\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/\">Binnenkort \u2197<\/a>\n      <span class=\"mb-status\">Nieuwe uitgave<\/span>\n    <\/article>\n\n    <article class=\"mb-book\">\n      <span class=\"mb-book-number\">08 \/ COLLECTION<\/span>\n      <a class=\"mb-cover-link\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/wraak-uit-het-verleden\/\">\n        <img decoding=\"async\" class=\"mb-cover\" src=\"https:\/\/marionesbooks.nl\/wp-content\/uploads\/2026\/10\/Wraak_uit_het_Verleden_cover.webp\" alt=\"Wraak uit het Verleden\" width=\"135\" height=\"195\" loading=\"lazy\">\n      <\/a>\n      <a class=\"mb-book-btn\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/wraak-uit-het-verleden\/\">Bekijk boek \u2197<\/a>\n      <span class=\"mb-status\">Jeroen Vermeulen<\/span>\n    <\/article>\n\n    <article class=\"mb-book\">\n      <span class=\"mb-book-number\">09 \/ COLLECTION<\/span>\n      <a class=\"mb-cover-link\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/\">\n        <img decoding=\"async\" class=\"mb-cover\" src=\"https:\/\/marionesbooks.nl\/wp-content\/uploads\/2026\/10\/spook_zomer_cover.webp\" alt=\"Spook Zomer\" width=\"135\" height=\"195\" loading=\"lazy\">\n      <\/a>\n      <a class=\"mb-book-btn\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/\">Binnenkort \u2197<\/a>\n      <span class=\"mb-status\">Nieuwe uitgave<\/span>\n    <\/article>\n\n    <!-- NIEUW: ALIGO RITME -->\n\n    <article class=\"mb-book\">\n      <span class=\"mb-book-number\">10 \/ COLLECTION<\/span>\n      <a class=\"mb-cover-link\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/\">\n        <img decoding=\"async\" class=\"mb-cover\" src=\"https:\/\/marionesbooks.nl\/wp-content\/uploads\/2026\/10\/Ongebruikelijke-kennismaking-in-de-woestijn.webp\" alt=\"Aligo Ritme - een ongebruikelijke kennismaking - Mario van Loon\" width=\"135\" height=\"195\" loading=\"lazy\">\n      <\/a>\n      <a class=\"mb-book-btn\" href=\"https:\/\/marionesbooks.nl\/en\/boeken\/\">Binnenkort \u2197<\/a>\n      <span class=\"mb-status\">Mario van Loon<\/span>\n    <\/article>\n\n    <!-- REEKS 2: WORDT AUTOMATISCH GEKOPIEERD\n         MET JAVASCRIPT VOOR NAADLOZE LOOP -->\n\n  <\/div>\n<\/div>\n\n<div class=\"mb-controls\">\n  <button class=\"mb-control mb-prev\" type=\"button\" aria-label=\"Vorige boeken\">\u2039<\/button>\n  <span class=\"mb-control-label\">Explore collection<\/span>\n  <button class=\"mb-control mb-toggle\" type=\"button\" aria-label=\"Pauzeer carrousel\" aria-pressed=\"false\">\u2161<\/button>\n  <button class=\"mb-control mb-next\" type=\"button\" aria-label=\"Volgende boeken\">\u203a<\/button>\n<\/div>\n\n<div class=\"mb-system-line\">\n  MARIONES BOOKS\u00ae \u00b7 EST. 2014\n<\/div>\n\n<script>\n(function(){\n  const root=document.currentScript.closest(\".mb-attraction\");\n  if(!root || root.dataset.ready===\"true\") return;\n  root.dataset.ready=\"true\";\n\n  const track=root.querySelector(\".mb-track\");\n  const viewport=root.querySelector(\".mb-viewport\");\n  const prev=root.querySelector(\".mb-prev\");\n  const next=root.querySelector(\".mb-next\");\n  const toggle=root.querySelector(\".mb-toggle\");\n\n  if(!track || !viewport) return;\n\n  \/* Kopieer boeken voor een doorlopende animatie *\/\n  const originalItems=Array.from(track.children);\n  originalItems.forEach(function(item){\n    const copy=item.cloneNode(true);\n    copy.setAttribute(\"aria-hidden\",\"true\");\n    copy.querySelectorAll(\"a\").forEach(function(link){\n      link.setAttribute(\"tabindex\",\"-1\");\n    });\n    track.appendChild(copy);\n  });\n\n  \/* Pauze bij aanraken, slepen of toetsenbordfocus *\/\n  let userPaused=false;\n  let touching=false;\n\n  function syncPause(){\n    const paused=userPaused || touching;\n    track.classList.toggle(\"mb-paused\",paused);\n    toggle.textContent=userPaused ? \"\u25b6\" : \"\u2161\";\n    toggle.setAttribute(\"aria-pressed\",String(userPaused));\n    toggle.setAttribute(\"aria-label\",\n      userPaused ? \"Hervat carrousel\" : \"Pauzeer carrousel\");\n  }\n\n  toggle.addEventListener(\"click\",function(){\n    userPaused=!userPaused;\n    syncPause();\n  });\n\n  viewport.addEventListener(\"touchstart\",function(){\n    touching=true;\n    syncPause();\n  },{passive:true});\n\n  viewport.addEventListener(\"touchend\",function(){\n    touching=false;\n    syncPause();\n  },{passive:true});\n\n  viewport.addEventListener(\"touchcancel\",function(){\n    touching=false;\n    syncPause();\n  },{passive:true});\n\n  function step(direction){\n    userPaused=true;\n    syncPause();\n    viewport.scrollBy({\n      left:direction*197,\n      behavior:\"smooth\"\n    });\n  }\n\n  prev.addEventListener(\"click\",function(){step(-1);});\n  next.addEventListener(\"click\",function(){step(1);});\n\n  \/* Bij minder beweging geen automatische animatie *\/\n  if(window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches){\n    userPaused=true;\n    syncPause();\n  }\n})();\n<\/script>\n\n<\/section>","protected":false},"excerpt":{"rendered":"<p>MARIONES BOOKS\u00ae \u00b7 DIGITAL EXPERIENCE Welkom bij Mariones Books\u00ae Verhalen die grenzen, talen en werelden verbinden. Publishing \u00b7 Literature \u00b7 International Bij Mariones Books\u00ae komen verhalen, verbeelding en persoonlijke ervaringen samen. Ontdek onze verschenen boeken, voltooide manuscripten en nieuwe publicaties. Maak kennis met onze auteurs, bijzondere werelden en de verhalen achter onze uitgeverij. Blijf op [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":499,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-505","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/pages\/505","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=505"}],"version-history":[{"count":46,"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/pages\/505\/revisions"}],"predecessor-version":[{"id":1743,"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/pages\/505\/revisions\/1743"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/media\/499"}],"wp:attachment":[{"href":"https:\/\/marionesbooks.nl\/en\/wp-json\/wp\/v2\/media?parent=505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}