{"id":28703,"date":"2026-05-08T17:30:34","date_gmt":"2026-05-08T17:30:34","guid":{"rendered":"https:\/\/remote-opus.com\/?page_id=28703"},"modified":"2026-05-11T21:16:12","modified_gmt":"2026-05-11T21:16:12","slug":"success-test","status":"publish","type":"page","link":"https:\/\/remote-opus.com\/en\/success-test\/","title":{"rendered":"success test"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28703\" class=\"elementor elementor-28703\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e5babc e-con-full e-flex e-con e-parent\" data-id=\"7e5babc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df2b776 elementor-widget elementor-widget-html\" data-id=\"df2b776\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/remote-opus.com\/wp-content\/uploads\/2025\/01\/cropped-DByy2b1.png\">\r\n<title>Remote Opus - Succes verhalen<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\r\n  #ro-succesverhalen-elementor {\r\n    --green-dark:#1A4731 !important; --green-mid:#2E7D52 !important; --green-light:#4CAF79 !important;\r\n    --green-pale:#E8F5EE !important; --green-mint:#F0F9F4 !important;\r\n    --white:#FFFFFF !important; --ink:#0F2318 !important; --muted:#6B8F7A !important; --border:#C8E0D4 !important;\r\n  }\r\n  #ro-succesverhalen-elementor *, #ro-succesverhalen-elementor *::before, #ro-succesverhalen-elementor *::after {  box-sizing:border-box !important; margin:0 !important; padding:0 !important;  }\r\n  #ro-succesverhalen-elementor {  font-family:Helvetica, Arial, sans-serif !important; background:var(--white) !important; color:var(--ink) !important; width:100vw !important; position:relative !important; left:50% !important; right:50% !important; margin-left:-50vw !important; margin-right:-50vw !important; max-width:100vw !important; overflow-x:hidden !important;  }\r\n\r\n  \/* Paragraphs may break long words (URLs etc.); headings stay intact (no mid-word splits) *\/\r\n  #ro-succesverhalen-elementor p {\r\n    overflow-wrap: break-word !important;\r\n    word-wrap: break-word !important;\r\n  }\r\n  #ro-succesverhalen-elementor h1,\r\n  #ro-succesverhalen-elementor h2,\r\n  #ro-succesverhalen-elementor h3 {\r\n    overflow-wrap: normal !important;\r\n    word-break: keep-all !important;\r\n    hyphens: none !important;\r\n    text-wrap: balance !important;\r\n  }\r\n\r\n  #ro-succesverhalen-elementor .breadcrumb {  padding:2rem 6% 0 !important; font-size:0.78rem !important; color:var(--muted) !important; display:flex !important; gap:0.4rem !important;  }\r\n  #ro-succesverhalen-elementor .breadcrumb a {  color:var(--muted) !important; text-decoration:none !important;  }\r\n  #ro-succesverhalen-elementor .breadcrumb span {  color:var(--green-mid) !important; font-weight:500 !important;  }\r\n\r\n  #ro-succesverhalen-elementor .hero-simple {  padding:3.5rem 6% 4rem !important; text-align:center !important;  }\r\n  #ro-succesverhalen-elementor .stag {  font-size:0.73rem !important; font-weight:700 !important; letter-spacing:0.12em !important; text-transform:uppercase !important; color:var(--green-mid) !important; display:block !important; margin-bottom:0.75rem !important;  }\r\n  #ro-succesverhalen-elementor .hero-simple h1 {  font-family:'DM Serif Display', serif !important; font-size:clamp(2.2rem, 3.2vw, 3.2rem) !important; letter-spacing:-0.03em !important; color:var(--ink) !important; line-height:1.15 !important; margin-bottom:1rem !important;  }\r\n  #ro-succesverhalen-elementor .hero-simple h1 em {  color:var(--green-mid) !important; font-style:italic !important;  }\r\n  #ro-succesverhalen-elementor .hero-simple p {  font-size:1rem !important; color:var(--muted) !important; max-width:520px !important; margin:0 auto !important; line-height:1.7 !important;  }\r\n\r\n  \/* Stats strip *\/\r\n  #ro-succesverhalen-elementor .stats-strip {  background:var(--green-dark) !important; padding:2.5rem 6% !important; display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:1.5rem !important;  }\r\n  #ro-succesverhalen-elementor .stat-item {  text-align:center !important;  }\r\n  #ro-succesverhalen-elementor .stat-num {  font-family:'DM Serif Display', serif !important; font-size:2.4rem !important; color:var(--white) !important; line-height:1 !important;  }\r\n  #ro-succesverhalen-elementor .stat-num span:not(.counter) {  color:var(--green-light) !important;  }\r\n  #ro-succesverhalen-elementor .stat-num span.counter {  color:var(--white) !important;  }\r\n  #ro-succesverhalen-elementor .stat-label {  font-size:0.8rem !important; color:rgba(255,255,255,0.6) !important; margin-top:0.3rem !important; line-height:1.4 !important;  }\r\n\r\n  \/* Featured stories *\/\r\n  #ro-succesverhalen-elementor .stories-section {  padding:4rem 1.2rem !important;  }\r\n  #ro-succesverhalen-elementor .featured-story {  display:grid !important; grid-template-columns:1fr 1fr !important; gap:4rem !important; align-items:center !important; margin-bottom:5rem !important; padding-bottom:5rem !important; border-bottom:1px solid var(--border) !important;  }\r\n  #ro-succesverhalen-elementor .featured-story:last-child {  border-bottom:none !important;  }\r\n  #ro-succesverhalen-elementor .featured-story.reverse {  direction:rtl !important;  }\r\n  #ro-succesverhalen-elementor .featured-story.reverse > * {  direction:ltr !important;  }\r\n  #ro-succesverhalen-elementor .story-visual {  background:var(--green-dark) !important; border-radius:16px !important; padding:0 !important; min-height:auto !important; display:flex !important; flex-direction:column !important; gap:0 !important; overflow:hidden !important; }\r\n  #ro-succesverhalen-elementor .story-img {  width:100% !important; height:320px !important; object-fit:contain !important; background:var(--green-dark) !important; display:block !important;  }\r\n  #ro-succesverhalen-elementor .story-visual > .story-logo {  margin:1.4rem 1.8rem 0.8rem !important;  }\r\n  #ro-succesverhalen-elementor .story-visual > .story-metric-grid {  margin:0 1.8rem 1.6rem !important;  }\r\n  #ro-succesverhalen-elementor .story-logo {  display:inline-flex !important; align-items:center !important; gap:0.5rem !important; padding:0.5rem 1.1rem !important; border:1.5px dashed rgba(255,255,255,0.35) !important; border-radius:8px !important; background:rgba(255,255,255,0.07) !important; margin-bottom:auto !important; width:fit-content !important;  }\r\n  #ro-succesverhalen-elementor .story-logo-label {  font-size:0.62rem !important; font-weight:700 !important; letter-spacing:0.08em !important; text-transform:uppercase !important; color:rgba(255,255,255,0.45) !important;  }\r\n  #ro-succesverhalen-elementor .story-logo-name {  font-family:'DM Serif Display', serif !important; font-size:0.88rem !important; color:rgba(255,255,255,0.7) !important;  }\r\n  #ro-succesverhalen-elementor .story-metric-grid {  display:grid !important; grid-template-columns:1fr 1fr !important; gap:0.75rem !important; margin-top:1.25rem !important;  }\r\n  #ro-succesverhalen-elementor .story-metric {  background:rgba(255,255,255,0.08) !important; border-radius:10px !important; padding:0.75rem !important;  }\r\n  #ro-succesverhalen-elementor .sm-num {  font-family:'DM Serif Display', serif !important; font-size:1.6rem !important; color:var(--green-light) !important; line-height:1 !important;  }\r\n  #ro-succesverhalen-elementor .sm-label {  font-size:0.72rem !important; color:rgba(255,255,255,0.6) !important; margin-top:0.25rem !important;  }\r\n  #ro-succesverhalen-elementor .story-tag {  font-size:0.72rem !important; font-weight:700 !important; letter-spacing:0.1em !important; text-transform:uppercase !important; color:var(--green-mid) !important; margin-bottom:0.75rem !important; display:block !important;  }\r\n  #ro-succesverhalen-elementor .story-content h2 {  font-family:'DM Serif Display', serif !important; font-size:clamp(1.7rem,2.2vw,2.2rem) !important; letter-spacing:-0.02em !important; color:var(--ink) !important; line-height:1.2 !important; margin-bottom:1.2rem !important;  }\r\n  #ro-succesverhalen-elementor .story-content p {  font-size:0.92rem !important; color:var(--muted) !important; line-height:1.75 !important; margin-bottom:1rem !important;  }\r\n  #ro-succesverhalen-elementor .story-quote {  border-left:3px solid var(--green-mid) !important; padding-left:1.2rem !important; margin:1.5rem 0 !important;  }\r\n  #ro-succesverhalen-elementor .story-quote p {  font-family:'DM Serif Display', serif !important; font-size:1.05rem !important; color:var(--ink) !important; font-style:italic !important; line-height:1.5 !important; margin-bottom:0.5rem !important;  }\r\n  #ro-succesverhalen-elementor .story-quote cite {  font-size:0.8rem !important; color:var(--muted) !important; font-style:normal !important;  }\r\n  #ro-succesverhalen-elementor .story-tags {  display:flex !important; flex-wrap:wrap !important; gap:0.4rem !important; margin-top:1.5rem !important;  }\r\n  #ro-succesverhalen-elementor .pill {  background:var(--green-pale) !important; color:var(--green-mid) !important; font-size:0.72rem !important; font-weight:600 !important; padding:0.25rem 0.75rem !important; border-radius:50px !important;  }\r\n\r\n  \/* Collapsible story prose - desktop shows full text. Mobile caps it\r\n     and shows a \"Lees meer\" button to reveal full paragraphs. *\/\r\n  #ro-succesverhalen-elementor .story-prose { position:relative !important; }\r\n  #ro-succesverhalen-elementor .story-toggle { display:none !important; }\r\n\r\n  \/* Review grid *\/\r\n  #ro-succesverhalen-elementor .reviews-section {  background:var(--green-mint) !important; padding:5rem 6% !important;  }\r\n  #ro-succesverhalen-elementor .reviews-section h2 {  font-family:'DM Serif Display', serif !important; font-size:clamp(1.8rem,2.4vw,2.4rem) !important; letter-spacing:-0.02em !important; color:var(--ink) !important; text-align:center !important; margin-bottom:3rem !important;  }\r\n  #ro-succesverhalen-elementor .reviews-grid {  display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:1.5rem !important;  }\r\n  #ro-succesverhalen-elementor .review-card {  background:var(--white) !important; border-radius:18px !important; padding:2rem !important; border:1px solid var(--border) !important; display:flex !important; flex-direction:column !important; justify-content:space-between !important;  }\r\n  #ro-succesverhalen-elementor .stars {  color:#F4B942 !important; font-size:0.95rem !important; letter-spacing:0.1em !important; margin-bottom:1rem !important;  }\r\n  #ro-succesverhalen-elementor .review-text {  font-size:0.97rem !important; font-weight:400 !important; color:#1A2F20 !important; font-style:italic !important; line-height:1.75 !important; margin-bottom:1.5rem !important;  }\r\n  #ro-succesverhalen-elementor .reviewer {  display:flex !important; align-items:center !important; gap:0.75rem !important; border-top:1px solid var(--border) !important; padding-top:1rem !important;  }\r\n  #ro-succesverhalen-elementor .avatar {  width:42px !important; height:42px !important; border-radius:50% !important; background:var(--green-dark) !important; display:flex !important; align-items:center !important; justify-content:center !important; font-family:'DM Serif Display', serif !important; color:var(--white) !important; font-size:0.95rem !important; flex-shrink:0 !important; position:relative !important; overflow:hidden !important; }\r\n  #ro-succesverhalen-elementor .avatar img { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }\r\n  #ro-succesverhalen-elementor .rname {  font-weight:600 !important; font-size:0.9rem !important; color:var(--ink) !important;  }\r\n  #ro-succesverhalen-elementor .rrole {  font-size:0.78rem !important; color:var(--muted) !important;  }\r\n\r\n  \/* Review slider controls (hidden on desktop, shown on mobile via media) *\/\r\n  #ro-succesverhalen-elementor .review-slider-controls { display:none; }\r\n\r\n  \/* Wide banner strip - office photo break between sections *\/\r\n  #ro-succesverhalen-elementor .sv-banner-strip {\r\n    width: 100% !important;\r\n    height: 600px !important;\r\n    overflow: hidden !important;\r\n    position: relative !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    background: var(--green-mint) !important;\r\n    border-top: 1px solid var(--border) !important;\r\n    border-bottom: 1px solid var(--border) !important;\r\n  }\r\n  #ro-succesverhalen-elementor .sv-banner-strip img {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    object-position: center 25% !important;\r\n    display: block !important;\r\n  }\r\n  @media (max-width: 768px) {\r\n    #ro-succesverhalen-elementor .sv-banner-strip { height: 380px !important; }\r\n  }\r\n\r\n  \/* Team feature block - real Remote Opus office photo before final CTA *\/\r\n  #ro-succesverhalen-elementor .sv-team-feature { padding:5rem 6% !important; background:var(--white) !important; }\r\n  #ro-succesverhalen-elementor .sv-tf-grid { display:grid !important; grid-template-columns:1fr 1fr !important; gap:3rem !important; align-items:center !important; max-width:1080px !important; margin:0 auto !important; }\r\n  #ro-succesverhalen-elementor .sv-tf-img { width:100% !important; aspect-ratio:4\/3 !important; object-fit:cover !important; border-radius:18px !important; display:block !important; box-shadow:0 24px 60px -20px rgba(26,71,49,0.25) !important; }\r\n  #ro-succesverhalen-elementor .sv-tf-eyebrow { font-size:0.7rem !important; font-weight:900 !important; letter-spacing:0.12em !important; text-transform:uppercase !important; color:var(--green-mid) !important; display:block !important; margin-bottom:0.75rem !important; }\r\n  #ro-succesverhalen-elementor .sv-tf-text h2 { font-family:'DM Serif Display', serif !important; font-size:clamp(1.7rem,2.4vw,2.2rem) !important; letter-spacing:-0.02em !important; color:var(--ink) !important; line-height:1.2 !important; margin-bottom:1rem !important; }\r\n  #ro-succesverhalen-elementor .sv-tf-text h2 em { color:var(--green-mid) !important; font-style:italic !important; }\r\n  #ro-succesverhalen-elementor .sv-tf-text p { font-size:0.95rem !important; color:var(--muted) !important; line-height:1.75 !important; margin-bottom:1.5rem !important; }\r\n  #ro-succesverhalen-elementor .sv-tf-btn { display:inline-flex !important; align-items:center !important; gap:0.5rem !important; background:var(--green-dark) !important; color:var(--white) !important; padding:0.85rem 1.8rem !important; border-radius:50px !important; text-decoration:none !important; font-weight:600 !important; font-size:0.9rem !important; transition:all 0.2s !important; }\r\n  #ro-succesverhalen-elementor .sv-tf-btn:hover { background:var(--green-mid) !important; transform:translateY(-2px) !important; }\r\n  @media (max-width: 768px) {\r\n    #ro-succesverhalen-elementor .sv-team-feature { padding:3rem 5% !important; }\r\n    #ro-succesverhalen-elementor .sv-tf-grid { grid-template-columns:1fr !important; gap:1.75rem !important; }\r\n  }\r\n\r\n  #ro-succesverhalen-elementor .cta-bar {  background:var(--green-dark) !important; padding:4rem 1.2rem !important; text-align:center !important;  }\r\n  #ro-succesverhalen-elementor .cta-bar h2 {  font-family:'DM Serif Display', serif !important; font-size:clamp(2rem,3vw,2.8rem) !important; color:var(--white) !important; letter-spacing:-0.02em !important; margin-bottom:1rem !important;  }\r\n  #ro-succesverhalen-elementor .cta-bar p {  color:rgba(255,255,255,0.65) !important; font-size:1rem !important; margin-bottom:2.5rem !important;  }\r\n  \/* Avatar group above the CTA heading - shows the team behind Remote Opus *\/\r\n  #ro-succesverhalen-elementor .sv-cta-team { display:inline-flex !important; align-items:center !important; gap:0.75rem !important; margin-bottom:1.5rem !important; padding:0.4rem 1.2rem 0.4rem 0.4rem !important; background:rgba(255,255,255,0.08) !important; border:1px solid rgba(255,255,255,0.18) !important; border-radius:50px !important; }\r\n  #ro-succesverhalen-elementor .sv-avs { display:inline-flex !important; }\r\n  #ro-succesverhalen-elementor .sv-avs > div { width:34px !important; height:34px !important; border-radius:50% !important; border:2px solid var(--green-dark) !important; overflow:hidden !important; position:relative !important; background:rgba(255,255,255,0.15) !important; }\r\n  #ro-succesverhalen-elementor .sv-avs > div + div { margin-left:-10px !important; }\r\n  #ro-succesverhalen-elementor .sv-avs img { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }\r\n  #ro-succesverhalen-elementor .sv-cta-team-label { font-size:0.78rem !important; font-weight:600 !important; color:var(--white) !important; }\r\n  #ro-succesverhalen-elementor .sv-cta-team-label .sv-dot { display:inline-block !important; width:7px !important; height:7px !important; border-radius:50% !important; background:var(--green-light) !important; margin-right:0.4rem !important; vertical-align:middle !important; box-shadow:0 0 0 3px rgba(76,175,121,0.18) !important; }\r\n  #ro-succesverhalen-elementor .btn-white {  display:inline-block !important; background:var(--green-light) !important; color:var(--white) !important; padding:0.9rem 2.2rem !important; border-radius:50px !important; text-decoration:none !important; font-weight:600 !important; font-size:0.95rem !important; transition:all 0.2s !important;  }\r\n  #ro-succesverhalen-elementor .btn-white:hover {  background:#3d9e6a !important; transform:translateY(-2px) !important;  }\r\n\r\n  @keyframes fadeUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }\r\n  .fu { animation: fadeUp 0.7s ease both; }\r\n\r\n  @media(max-width:860px) {\r\n    #ro-succesverhalen-elementor .breadcrumb { padding: 2.7rem 5% 0 !important; }\r\n    #ro-succesverhalen-elementor .featured-story, #ro-succesverhalen-elementor .featured-story.reverse { grid-template-columns:1fr !important; direction:ltr !important; gap:2.5rem !important; padding-bottom: 3rem !important; margin-bottom: 3rem !important; }\r\n    #ro-succesverhalen-elementor .featured-story.reverse > * { direction:ltr !important; }\r\n    #ro-succesverhalen-elementor .stats-strip { grid-template-columns:1fr 1fr !important; gap:1.5rem !important; padding: 2rem 1rem !important; }\r\n    #ro-succesverhalen-elementor .hero-simple { padding: 3rem 1rem 3rem !important; }\r\n\r\n    \/* Mobile: cap story prose at ~6 lines, reveal with \"Lees meer\" *\/\r\n    #ro-succesverhalen-elementor .story-prose {\r\n      max-height: 165px !important;\r\n      overflow: hidden !important;\r\n      transition: max-height 0.45s ease !important;\r\n    }\r\n    #ro-succesverhalen-elementor .story-prose::after {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      bottom: 0 !important;\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      height: 60px !important;\r\n      background: linear-gradient(to bottom, rgba(255,255,255,0), var(--white) 90%) !important;\r\n      pointer-events: none !important;\r\n      transition: opacity 0.3s !important;\r\n    }\r\n    #ro-succesverhalen-elementor .featured-story.is-expanded .story-prose { max-height: 2000px !important; }\r\n    #ro-succesverhalen-elementor .featured-story.is-expanded .story-prose::after { opacity: 0 !important; }\r\n\r\n    #ro-succesverhalen-elementor .story-toggle {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 0.45rem !important;\r\n      background: transparent !important;\r\n      border: 1.5px solid var(--green-mid) !important;\r\n      color: var(--green-mid) !important;\r\n      padding: 0.55rem 1.3rem !important;\r\n      border-radius: 50px !important;\r\n      font-size: 0.85rem !important;\r\n      font-weight: 600 !important;\r\n      font-family: inherit !important;\r\n      cursor: pointer !important;\r\n      margin-top: 0.2rem !important;\r\n      transition: background 0.2s, color 0.2s !important;\r\n    }\r\n    #ro-succesverhalen-elementor .story-toggle:hover,\r\n    #ro-succesverhalen-elementor .story-toggle:active {\r\n      background: var(--green-mid) !important;\r\n      color: var(--white) !important;\r\n    }\r\n    #ro-succesverhalen-elementor .story-toggle .arrow {\r\n      display: inline-block !important;\r\n      transition: transform 0.3s !important;\r\n      font-size: 0.7rem !important;\r\n    }\r\n    #ro-succesverhalen-elementor .featured-story.is-expanded .story-toggle .arrow {\r\n      transform: rotate(180deg) !important;\r\n    }\r\n\r\n    \/* Reviews \u2192 mobile slider *\/\r\n    #ro-succesverhalen-elementor .reviews-grid {\r\n      display: flex !important;\r\n      grid-template-columns: none !important;\r\n      overflow-x: auto !important;\r\n      scroll-snap-type: x mandatory !important;\r\n      scroll-behavior: smooth !important;\r\n      gap: 1rem !important;\r\n      scrollbar-width: none !important;\r\n      -ms-overflow-style: none !important;\r\n      -webkit-overflow-scrolling: touch !important;\r\n    }\r\n    #ro-succesverhalen-elementor .reviews-grid::-webkit-scrollbar { display: none !important; }\r\n\r\n    #ro-succesverhalen-elementor .review-card {\r\n      flex: 0 0 100% !important;\r\n      min-width: 0 !important;\r\n      scroll-snap-align: center !important;\r\n      scroll-snap-stop: always !important;\r\n    }\r\n\r\n    #ro-succesverhalen-elementor .review-slider-controls {\r\n      display: flex !important;\r\n      justify-content: center !important;\r\n      align-items: center !important;\r\n      gap: 1rem !important;\r\n      margin-top: 1.5rem !important;\r\n    }\r\n    #ro-succesverhalen-elementor .review-slider-btn {\r\n      width: 40px !important;\r\n      height: 40px !important;\r\n      border-radius: 50% !important;\r\n      border: 1.5px solid var(--green-dark) !important;\r\n      background: white !important;\r\n      color: var(--green-dark) !important;\r\n      cursor: pointer !important;\r\n      font-size: 1.4rem !important;\r\n      line-height: 1 !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      padding: 0 !important;\r\n      font-family: inherit !important;\r\n      transition: background 0.2s, color 0.2s !important;\r\n    }\r\n    #ro-succesverhalen-elementor .review-slider-btn:hover,\r\n    #ro-succesverhalen-elementor .review-slider-btn:active {\r\n      background: var(--green-dark) !important;\r\n      color: white !important;\r\n    }\r\n    #ro-succesverhalen-elementor .review-slider-dots {\r\n      display: flex !important;\r\n      gap: 0.5rem !important;\r\n      align-items: center !important;\r\n    }\r\n    #ro-succesverhalen-elementor .review-slider-dot {\r\n      width: 8px !important;\r\n      height: 8px !important;\r\n      border-radius: 50% !important;\r\n      background: var(--border) !important;\r\n      border: none !important;\r\n      padding: 0 !important;\r\n      cursor: pointer !important;\r\n      transition: width 0.25s, background 0.25s !important;\r\n    }\r\n    #ro-succesverhalen-elementor .review-slider-dot.active {\r\n      background: var(--green-mid) !important;\r\n      width: 24px !important;\r\n      border-radius: 4px !important;\r\n    }\r\n  }\r\n\r\n  @media(max-width:550px) {\r\n    #ro-succesverhalen-elementor .stats-strip { grid-template-columns:1fr !important; }\r\n    #ro-succesverhalen-elementor .hero-simple h1 { font-size: 2.2rem !important; }\r\n    #ro-succesverhalen-elementor .cta-bar h2 { font-size: 2rem !important; }\r\n    #ro-succesverhalen-elementor .story-metric-grid { grid-template-columns:1fr !important; }\r\n    #ro-succesverhalen-elementor .story-content h2 { font-size: 1.5rem !important; }\r\n    #ro-succesverhalen-elementor .reviews-section { padding: 3.5rem 1rem !important; }\r\n    #ro-succesverhalen-elementor .review-card { padding: 1.5rem !important; }\r\n  }\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"ro-succesverhalen-elementor\">\r\n\r\n<div class=\"hero-simple\">\r\n  <div style=\"display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:0.5rem !important; background:var(--green-pale) !important; color:var(--green-mid) !important; padding:0.35rem 1rem !important; border-radius:50px !important; font-size:0.75rem !important; font-weight:800 !important; letter-spacing:0.08em !important; text-transform:uppercase !important; margin-bottom:1.5rem !important;\">Succes verhalen<\/div>\r\n  <h1>Echte bedrijven.<br><em>Echte resultaten.<\/em><\/h1>\r\n  <p>Ondernemers die Remote Opus inzetten groeien sneller, werken slimmer en besparen significant op loonkosten. Dit zijn hun verhalen.<\/p>\r\n<\/div>\r\n\r\n<div class=\"stats-strip\">\r\n  <div class=\"stat-item\"><div class=\"stat-num\"><span class=\"counter\" data-target=\"40\">0<\/span><span>%<\/span><\/div><div class=\"stat-label\">gemiddelde tijdsbesparing bij onze klanten<\/div><\/div>\r\n  <div class=\"stat-item\"><div class=\"stat-num\"><span class=\"counter\" data-target=\"75\">0<\/span><span>%<\/span><\/div><div class=\"stat-label\">besparing op loonkosten<\/div><\/div>\r\n  <div class=\"stat-item\"><div class=\"stat-num\"><span class=\"counter\" data-target=\"85\">0<\/span><span>%<\/span><\/div><div class=\"stat-label\">van onze medewerkers blijft 2 jaar<\/div><\/div>\r\n  <div class=\"stat-item\"><div class=\"stat-num\"><span class=\"counter\" data-target=\"9.2\">0<\/span><\/div><div class=\"stat-label\">gemiddelde klanttevredenheidsscore<\/div><\/div>\r\n<\/div>\r\n\r\n<section class=\"stories-section\">\r\n\r\n  <!-- Story 1: A. Tahiri (Car Multimedia) -->\r\n  <div class=\"featured-story\">\r\n    <div class=\"story-visual\">\r\n      <img decoding=\"async\" class=\"story-img\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/Untitled-design-4.png\" alt=\"A. Tahiri - CEO Car Multimedia\" loading=\"lazy\">\r\n      <div class=\"story-logo\" style=\"border:none !important; background:transparent !important; padding:0 !important;\"><span style=\"font-size:1.3rem !important; font-weight:800 !important; color:#ffffff !important; letter-spacing:-0.01em !important;\">Car Multimedia<\/span><\/div>\r\n      <div class=\"story-metric-grid\" >\r\n        <div class=\"story-metric\"><div class=\"sm-num\">40%<\/div><div class=\"sm-label\">meer vrije tijd<\/div><\/div>\r\n        <div class=\"story-metric\"><div class=\"sm-num\">2x<\/div><div class=\"sm-label\">hogere omzetgroei<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"story-content\">\r\n      <span class=\"story-tag\">E-commerce<\/span>\r\n      <h2>\"40% meer tijd beschikbaar sterke groei in omzet\"<\/h2>\r\n      <div class=\"story-prose\">\r\n        <p>A. Tahiri, CEO van Car Multimedia, zat vast in de dagelijkse uitvoering van zijn webshop. Listings bijwerken, klantvragen beantwoorden, campagnes optimaliseren allemaal taken die tijd vraten maar geen strategische waarde toevoegden.<\/p>\r\n        <p>Via Remote Opus vond hij binnen twee weken een fulltime e-commerce specialist die deze taken volledig overnam. Het resultaat: 40% meer tijd voor strategie en een merkbare groei in omzet en klanttevredenheid.<\/p>\r\n      <\/div>\r\n      <button type=\"button\" class=\"story-toggle\">\r\n        <span class=\"story-toggle-text\">Lees meer<\/span>\r\n        <span class=\"arrow\">&#9662;<\/span>\r\n      <\/button>\r\n      <div class=\"story-quote\">\r\n        <p>\"We hebben 40% meer tijd beschikbaar, wat resulteerde in een sterke groei in omzet en klanttevredenheid dankzij Remote Opus.\"<\/p>\r\n        <cite>A. Tahiri, CEO Car Multimedia<\/cite>\r\n      <\/div>\r\n      <div class=\"story-tags\">\r\n        <span class=\"pill\">E-commerce<\/span>\r\n        <span class=\"pill\">Listings Optimization<\/span>\r\n        <span class=\"pill\">Klantenservice<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Story 2: Stefan Klammer (Climate King) -->\r\n  <div class=\"featured-story reverse\">\r\n    <div class=\"story-visual\">\r\n      <img decoding=\"async\" class=\"story-img\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/stephan-kalmer.jpg\" alt=\"Stefan Klammer - CEO Climate King\" loading=\"lazy\">\r\n      <div class=\"story-logo\" style=\"border:none !important; background:transparent !important; padding:0 !important;\"><span style=\"font-size:1.3rem !important; font-weight:800 !important; color:#ffffff !important; letter-spacing:-0.01em !important;\">Climate King<\/span><\/div>\r\n      <div class=\"story-metric-grid\" >\r\n        <div class=\"story-metric\"><div class=\"sm-num\">4x<\/div><div class=\"sm-label\">meer capaciteit<\/div><\/div>\r\n        <div class=\"story-metric\"><div class=\"sm-num\">75%<\/div><div class=\"sm-label\">kostenbesparing<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"story-content\">\r\n      <span class=\"story-tag\">Scale-up<\/span>\r\n      <h2>\"4 medewerkers voor de prijs van &eacute;&eacute;n lokale kracht\"<\/h2>\r\n      <div class=\"story-prose\">\r\n        <p>Stefan Klammer van Climate King wilde snel schalen maar stuitte op de hoge kosten van lokale hires. Hij had meerdere specialisten nodig voor sociale media, klantenservice en campagnes maar het budget liet dat niet toe.<\/p>\r\n        <p>Met Remote Opus zette hij vier fulltime remote medewerkers in voor het equivalent van &eacute;&eacute;n lokale kracht. De online zichtbaarheid van Climate King groeide enorm en het team draait nu twee jaar stabiel.<\/p>\r\n      <\/div>\r\n      <button type=\"button\" class=\"story-toggle\">\r\n        <span class=\"story-toggle-text\">Lees meer<\/span>\r\n        <span class=\"arrow\">&#9662;<\/span>\r\n      <\/button>\r\n      <div class=\"story-quote\">\r\n        <p>\"Ik kan vier remote medewerkers inzetten voor de prijs van &eacute;&eacute;n lokale kracht. Een fulltimer zit op sociale media waardoor onze online zichtbaarheid enorm is gegroeid.\"<\/p>\r\n        <cite>Stefan Klammer, CEO Climate King<\/cite>\r\n      <\/div>\r\n      <div class=\"story-tags\">\r\n        <span class=\"pill\">Social Media<\/span>\r\n        <span class=\"pill\">Klantenservice<\/span>\r\n        <span class=\"pill\">Paid Advertising<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Story 3: Kamil Kilic (MeerSuccess.online) -->\r\n  <div class=\"featured-story\">\r\n    <div class=\"story-visual\">\r\n      <img decoding=\"async\" class=\"story-img\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/Untitled-design-6.png\" alt=\"Kamil Kilic - CEO MeerSuccess.online\" loading=\"lazy\">\r\n      <div class=\"story-logo\" style=\"border:none !important; background:transparent !important; padding:0 !important;\"><span style=\"font-size:1.3rem !important; font-weight:800 !important; color:#ffffff !important; letter-spacing:-0.01em !important;\">MeerSuccess.online<\/span><\/div>\r\n      <div class=\"story-metric-grid\" >\r\n        <div class=\"story-metric\"><div class=\"sm-num\">+60%<\/div><div class=\"sm-label\">groei in klanten<\/div><\/div>\r\n        <div class=\"story-metric\"><div class=\"sm-num\">GoHL<\/div><div class=\"sm-label\">specialist succesvol ingezet<\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"story-content\">\r\n      <span class=\"story-tag\">Agency<\/span>\r\n      <h2>\"Remote Opus overtrof al mijn verwachtingen\"<\/h2>\r\n      <div class=\"story-prose\">\r\n        <p>Kamil Kilic, CEO van MeerSuccess.online, zocht iemand met specifieke expertise in GoHighLevel een niche tool waarvoor lokaal nauwelijks specialisten te vinden zijn. Hij had weinig vertrouwen dat dit mogelijk was.<\/p>\r\n        <p>Binnen twee dagen presenteerde Remote Opus een specialist die precies voldeed aan zijn eisen. De samenwerking resulteerde in een sterke groei in klanten voor zijn agency.<\/p>\r\n      <\/div>\r\n      <button type=\"button\" class=\"story-toggle\">\r\n        <span class=\"story-toggle-text\">Lees meer<\/span>\r\n        <span class=\"arrow\">&#9662;<\/span>\r\n      <\/button>\r\n      <div class=\"story-quote\">\r\n        <p>\"Eerlijk gezegd had ik het niet verwacht, maar Remote Opus overtrof alle verwachtingen. Ze vonden een echte specialist en dankzij hem heb ik een mooie groei in klanten weten te realiseren.\"<\/p>\r\n        <cite>Kamil Kilic, CEO MeerSuccess.online<\/cite>\r\n      <\/div>\r\n      <div class=\"story-tags\">\r\n        <span class=\"pill\">GoHighLevel<\/span>\r\n        <span class=\"pill\">Agency<\/span>\r\n        <span class=\"pill\">Automatisering<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- WIDE BANNER STRIP - team at work, visual rhythm break before short reviews -->\r\n<div class=\"sv-banner-strip\">\r\n  <img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/DSC01895-scaled.jpg\" alt=\"Remote Opus team aan het werk\" loading=\"lazy\">\r\n<\/div>\r\n\r\n<!-- Short reviews -->\r\n<section class=\"reviews-section\">\r\n  <h2>Meer klanten aan het woord<\/h2>\r\n  <div class=\"reviews-grid\">\r\n    <div class=\"review-card\">\r\n      <div class=\"stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n      <p class=\"review-text\">\"Behulpzaam en pragmatisch. Bekwame VA. Ik beveel een VA aan voor iedereen die zijn eigen tijd wil maximaliseren.\"<\/p>\r\n      <div class=\"reviewer\"><div class=\"avatar\">GC<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1535713875002-d1d0cf377fde?w=200&q=80&auto=format&fit=crop&crop=faces\" alt=\"Gary Chow\" loading=\"lazy\"><\/div><div><div class=\"rname\">Gary Chow<\/div><div class=\"rrole\">CEO Marktspan<\/div><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"review-card\">\r\n      <div class=\"stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n      <p class=\"review-text\">\"Super professioneel en snel. Binnen twee dagen had ik een passende kandidaat gevonden en een sollicitatie gepland.\"<\/p>\r\n      <div class=\"reviewer\"><div class=\"avatar\">WW<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=200&q=80&auto=format&fit=crop&crop=faces\" alt=\"Waleed Waraich\" loading=\"lazy\"><\/div><div><div class=\"rname\">Waleed Waraich<\/div><div class=\"rrole\">Warehouse Manager Sync Fulfilment<\/div><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"review-card\">\r\n      <div class=\"stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n      <p class=\"review-text\">\"Een geweldige ervaring. De selectie ging soepel en we hebben snel een beslissing genomen ze hebben hele goede kandidaten.\"<\/p>\r\n      <div class=\"reviewer\"><div class=\"avatar\">KB<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?w=200&q=80&auto=format&fit=crop&crop=faces\" alt=\"Kevin Boelhouwer\" loading=\"lazy\"><\/div><div><div class=\"rname\">Kevin Boelhouwer<\/div><div class=\"rrole\">CEO Webartsy<\/div><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"review-card\">\r\n      <div class=\"stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n      <p class=\"review-text\">\"Onlangs 2 kanjers aangenomen. Vooraf duidelijke sollicitatiegesprekken. De begeleiding was uitstekend.\"<\/p>\r\n      <div class=\"reviewer\"><div class=\"avatar\">FT<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506794778202-cad84cf45f1d?w=200&q=80&auto=format&fit=crop&crop=faces\" alt=\"Fatih Tekmen\" loading=\"lazy\"><\/div><div><div class=\"rname\">Fatih Tekmen<\/div><div class=\"rrole\">Eigenaar 2dehandsfietsenwinkel.nl<\/div><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"review-card\">\r\n      <div class=\"stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n      <p class=\"review-text\">\"Remote Opus is een sympathiek jong bedrijf dat waar levert voor je geld. Betrouwbaar en ze nemen veel werk uit handen.\"<\/p>\r\n      <div class=\"reviewer\"><div class=\"avatar\">SK<img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/stephan-kalmer.jpg\" alt=\"Stefan Klammer\" loading=\"lazy\"><\/div><div><div class=\"rname\">Stefan Klammer<\/div><div class=\"rrole\">Eigenaar Climate King<\/div><\/div><\/div>\r\n    <\/div>\r\n    <div class=\"review-card\">\r\n      <div class=\"stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n      <p class=\"review-text\">\"Serdar en zijn team zijn ontzettend behulpzaam, praktisch ingesteld en zitten boordevol idee&euml;n, suggesties en oplossingen om je bedrijf te helpen. Absoluut een aanrader voor iedereen die zijn bedrijf wil verbeteren en naar een hoger niveau wil tillen. Ga zo door!\"<\/p>\r\n      <div class=\"reviewer\"><div class=\"avatar\">MB<img decoding=\"async\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/Untitled-design-3.png\" alt=\"Mohamed Bouhassoun\" loading=\"lazy\"><\/div><div><div class=\"rname\">Mohamed Bouhassoun<\/div><div class=\"rrole\">Islamic Clothing Wholesale<\/div><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Mobile slider controls (one dot per review = 6) -->\r\n  <div class=\"review-slider-controls\">\r\n    <button type=\"button\" class=\"review-slider-btn review-slider-prev\" aria-label=\"Vorige review\">&lsaquo;<\/button>\r\n    <div class=\"review-slider-dots\">\r\n      <button type=\"button\" class=\"review-slider-dot active\" aria-label=\"Review 1\"><\/button>\r\n      <button type=\"button\" class=\"review-slider-dot\" aria-label=\"Review 2\"><\/button>\r\n      <button type=\"button\" class=\"review-slider-dot\" aria-label=\"Review 3\"><\/button>\r\n      <button type=\"button\" class=\"review-slider-dot\" aria-label=\"Review 4\"><\/button>\r\n      <button type=\"button\" class=\"review-slider-dot\" aria-label=\"Review 5\"><\/button>\r\n      <button type=\"button\" class=\"review-slider-dot\" aria-label=\"Review 6\"><\/button>\r\n    <\/div>\r\n    <button type=\"button\" class=\"review-slider-btn review-slider-next\" aria-label=\"Volgende review\">&rsaquo;<\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FINAL SECTION - team photo + CTA combined -->\r\n<section class=\"sv-team-feature\">\r\n  <div class=\"sv-tf-grid\">\r\n    <img decoding=\"async\" class=\"sv-tf-img\" src=\"https:\/\/remote-opus.com\/wp-content\/uploads\/DSC01680-scaled.jpg\" alt=\"Het Remote Opus team aan het werk\" loading=\"lazy\">\r\n    <div class=\"sv-tf-text\">\r\n      <span class=\"sv-tf-eyebrow\">Klaar om te starten?<\/span>\r\n      <h2>Schrijf jouw eigen <em>succesverhaal.<\/em><\/h2>\r\n      <p>Plan een gratis kennismakingsgesprek en ontdek wat Remote Opus voor jouw bedrijf kan betekenen.<\/p>\r\n      <a href=\"https:\/\/calendly.com\/ambermelissa\/match-call-remote-opus\" class=\"sv-tf-btn\" target=\"_blank\" rel=\"noopener\">Plan gratis gesprek <span>&rarr;<\/span><\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  \/* Stat counters *\/\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const counters = document.querySelectorAll('#ro-succesverhalen-elementor .counter');\r\n    const counterSpeed = 30;\r\n    const countObserver = new IntersectionObserver((entries, observer) => {\r\n      entries.forEach(entry => {\r\n        if (entry.isIntersecting) {\r\n          const counter = entry.target;\r\n          const target = parseFloat(counter.getAttribute('data-target'));\r\n          const isFloat = counter.getAttribute('data-target').includes('.');\r\n          const updateCount = () => {\r\n            const count = parseFloat(counter.innerText);\r\n            const increment = target \/ counterSpeed;\r\n            if (count < target) {\r\n              counter.innerText = (count + increment).toFixed(isFloat ? 1 : 0);\r\n              setTimeout(updateCount, 40);\r\n            } else {\r\n              counter.innerText = target;\r\n            }\r\n          };\r\n          updateCount();\r\n          observer.unobserve(counter);\r\n        }\r\n      });\r\n    }, { threshold: 0.2 });\r\n    counters.forEach(c => countObserver.observe(c));\r\n  });\r\n\r\n  \/* \"Lees meer\" toggle for featured stories (mobile only - desktop hides the button via CSS) *\/\r\n  (function () {\r\n    document.querySelectorAll('#ro-succesverhalen-elementor .story-toggle').forEach(function (btn) {\r\n      btn.addEventListener('click', function () {\r\n        const story = btn.closest('.featured-story');\r\n        if (!story) return;\r\n        story.classList.toggle('is-expanded');\r\n        const label = btn.querySelector('.story-toggle-text');\r\n        if (label) label.textContent = story.classList.contains('is-expanded') ? 'Minder lezen' : 'Lees meer';\r\n      });\r\n    });\r\n  })();\r\n\r\n  \/* Review slider (mobile only) - 3s auto, pause for 8s on interaction *\/\r\n  (function () {\r\n    const grid = document.querySelector('#ro-succesverhalen-elementor .reviews-grid');\r\n    if (!grid) return;\r\n    const cards = grid.querySelectorAll('.review-card');\r\n    const prevBtn = document.querySelector('#ro-succesverhalen-elementor .review-slider-prev');\r\n    const nextBtn = document.querySelector('#ro-succesverhalen-elementor .review-slider-next');\r\n    const dots = document.querySelectorAll('#ro-succesverhalen-elementor .review-slider-dot');\r\n    if (!cards.length) return;\r\n\r\n    const AUTO_INTERVAL = 3000;\r\n    const RESUME_AFTER = 8000;\r\n    let currentIndex = 0;\r\n    let autoTimer = null;\r\n    let resumeTimer = null;\r\n    let isPaused = false;\r\n    const isMobile = () => window.matchMedia('(max-width: 860px)').matches;\r\n\r\n    function updateDots() {\r\n      dots.forEach((d, i) => d.classList.toggle('active', i === currentIndex));\r\n    }\r\n    function goTo(i) {\r\n      if (!isMobile()) return;\r\n      currentIndex = (i + cards.length) % cards.length;\r\n      const card = cards[currentIndex];\r\n      const cardRect = card.getBoundingClientRect();\r\n      const gridRect = grid.getBoundingClientRect();\r\n      const targetScrollLeft = grid.scrollLeft + (cardRect.left - gridRect.left);\r\n      grid.scrollTo({ left: targetScrollLeft, behavior: 'smooth' });\r\n      updateDots();\r\n    }\r\n    function startAuto() {\r\n      stopAuto();\r\n      \/* auto-advance disabled. reviews are manual only *\/\r\n    }\r\n    function stopAuto() {\r\n      if (autoTimer) { clearInterval(autoTimer); autoTimer = null; }\r\n    }\r\n    function pauseAuto() {\r\n      isPaused = true;\r\n      if (resumeTimer) clearTimeout(resumeTimer);\r\n      resumeTimer = setTimeout(() => { isPaused = false; }, RESUME_AFTER);\r\n    }\r\n\r\n    if (prevBtn) prevBtn.addEventListener('click', () => { pauseAuto(); goTo(currentIndex - 1); });\r\n    if (nextBtn) nextBtn.addEventListener('click', () => { pauseAuto(); goTo(currentIndex + 1); });\r\n    dots.forEach((d, i) => d.addEventListener('click', () => { pauseAuto(); goTo(i); }));\r\n    grid.addEventListener('touchstart', pauseAuto, { passive: true });\r\n    grid.addEventListener('mousedown', pauseAuto);\r\n\r\n    let scrollTimer;\r\n    grid.addEventListener('scroll', () => {\r\n      clearTimeout(scrollTimer);\r\n      scrollTimer = setTimeout(() => {\r\n        const r = grid.getBoundingClientRect();\r\n        const center = r.left + r.width \/ 2;\r\n        let bestIdx = 0, bestDist = Infinity;\r\n        cards.forEach((c, i) => {\r\n          const cr = c.getBoundingClientRect();\r\n          const cc = cr.left + cr.width \/ 2;\r\n          const dist = Math.abs(cc - center);\r\n          if (dist < bestDist) { bestDist = dist; bestIdx = i; }\r\n        });\r\n        if (bestIdx !== currentIndex) { currentIndex = bestIdx; updateDots(); }\r\n      }, 120);\r\n    });\r\n\r\n    startAuto();\r\n    window.addEventListener('resize', () => { startAuto(); });\r\n  })();\r\n<\/script>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Remote Opus &#8211; Succes verhalen Succes verhalen Echte bedrijven.Echte resultaten. Ondernemers die Remote Opus inzetten groeien sneller, werken slimmer en besparen significant op loonkosten. Dit zijn hun verhalen. 0%gemiddelde tijdsbesparing bij onze klanten 0%besparing op loonkosten 0%van onze medewerkers blijft 2 jaar 0gemiddelde klanttevredenheidsscore Car Multimedia 40%meer vrije tijd 2xhogere omzetgroei E-commerce &#8220;40% meer tijd [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_elementor_version":"4.0.7","_wp_page_template":"default","footnotes":""},"class_list":["post-28703","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/28703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/comments?post=28703"}],"version-history":[{"count":40,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/28703\/revisions"}],"predecessor-version":[{"id":29015,"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/pages\/28703\/revisions\/29015"}],"wp:attachment":[{"href":"https:\/\/remote-opus.com\/en\/wp-json\/wp\/v2\/media?parent=28703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}