:root {     /* WIDTH AND SPACINGS */     --sidebar-width: min(90vw, 400px);     --pad-m: 1.25rem;     --pad-s: 0.75rem;     --pad-xs: 0.5rem;     --dropdown-links-indent: 10px;      /* vertical & horizontal header padding */     --header-pad-y: clamp(1rem, 0.716rem + 1.211vw, 1.75rem);     --header-pad-x: var(--pad-m);      /* links vertical & horizontal padding */     --link-pad-y: 0.7rem;     --link-pad-x: 0.5rem;      /* panel top & bottom padding */     --panel-block-pad: clamp(0.5rem, -1.375rem + 5vh, 2rem);      /* GAPS */     --link-gap: 1.125rem;     --list-gap: 0;      /* BACKGROUND COLORS */     --nav-bg: white;     --cta-bg: dimgray;     --link-bg: transparent;     --header-bg: gray;     --dropdown-content-bg: rgb(0 0 0 / 5%);     --dropdown-links-bg: transparent;     --skip-link-background: black;   	--hamburger-bg: transparent;     --collapse-icon-bg:#3b3b3b;      /* HOVER BACKGROUND */     --cta-hover-bg: black;     --link-hover-bg: rgb(0 0 0 / 5%);     --dropdown-links-hover-bg: rgb(0 0 0 / 8%);      /* TEXT COLORS */     --panel-title-color: black;     --panel-link-color: dimgray;     --cta-color: white;     --dropdown-links-color: dimgray;     --label-color: orangered;     --skip-link-color: white;     --social-color: dimgray;      /* HOVER TEXT COLORS */     --cta-hover-color: white;     --link-hover-color: black;     --dropdown-links-hover-color: black;     --social-hover-color: black;      /* ICON COLORS */     --panel-icon-color: dimgray;     --social-icon-color: var(--social-color);     --chevron-icon-color: var(--panel-icon-color);     --mobile-menu-trigger-color: white;      /* HOVER ICON COLORS */     --social-icon-hover-color: var(--social-hover-color);     --link-icon-hover-color: black;      /* FONT SIZES */     --panel-title-size: 1.125rem;     --panel-back-size: 0.6rem;     --link-txt-size: 0.875rem;     --nav-icon-size: 1.2rem;     --social-icon-size: var(--nav-icon-size);     --chevron-size: 1rem;     --collapse-icon-size: 30px;      /* CSS TRANSITIONS */     --sidebar-transition: 500ms;     --sidebar-ttf: cubic-bezier(1, 0, 0.25, 1);   	--collapse-ttf: cubic-bezier(0.1, 0.55, 0.35, 1);     --opacity-transition: 500ms 200ms;     --sidebar-link-transition: 500ms;      /* BORDER */     --link-border-radius: 0;     --horizontal-line: 1px solid rgb(0 0 0 / 10%);     --link-underline: var(--horizontal-line);     --dropdown-links-underline: none;     --sidebar-shadow: 0px 0px 3px rgba(0, 0, 0, 0.75), 0px 5px 15px rgba(0, 0, 0, 0.3);      /* OVERLAY */     --overlay-bg: black;     --overlay-opacity: 0.5;      /* FOCUS STYLES */     --focus-outline-color: black;     --focus-outline-offset: 4px;     --focus-outline-width: 2px;      /* EXTRAS */     --current-link-bg: none;     --current-link-underline: solid 3px #9f6aff;      /* DROPDOWN LEVELS */      /* Indents */     --lvl-2-indent: var(--dropdown-links-indent);     --lvl-3-indent: var(--dropdown-links-indent);      /* Dropdown toggle background colors for expanded state */     --lvl-1-toggle-bg-active: var(--link-hover-bg);     --lvl-2-toggle-bg-active: var(--link-hover-bg);     --lvl-3-toggle-bg-active: var(--link-hover-bg);      /* Dropdown content background */     --lvl-1-content-bg: var(--dropdown-content-bg);     --lvl-2-content-bg: var(--dropdown-content-bg);     --lvl-3-content-bg: var(--dropdown-content-bg);      /* Text colors for expanded state */     --lvl-1-toggle-color-active: var(--panel-link-color);     --lvl-2-toggle-color-active: var(--panel-link-color);     --lvl-3-toggle-color-active: var(--panel-link-color);      /* Icon colors (normal) */     --lvl-1-icon-color: var(--chevron-icon-color);     --lvl-2-icon-color: var(--chevron-icon-color);     --lvl-3-icon-color: var(--chevron-icon-color);      /* Icon colors (hover) */     --lvl-1-icon-hover-color: var(--link-icon-hover-color);     --lvl-2-icon-hover-color: var(--link-icon-hover-color);     --lvl-3-icon-hover-color: var(--link-icon-hover-color);      /* Icon size */   	--lvl-1-icon-size: 1.8rem;     --lvl-2-icon-size: var(--nav-icon-size);   	--lvl-3-icon-size: var(--nav-icon-size); }    /* INSIDE BRICKS */ /* hide header/nav when not in main template */ [data-builder-mode].brx-header-left #brx-header:not(.postid-521 *), [data-builder-mode].brx-header-right #brx-header:not(.postid-521 *) {     display: none; }  /* site normal width when not in main template */ [data-builder-mode].brx-header-left #brx-content:not(.postid-521 *), [data-builder-mode].brx-header-right #brx-content:not(.postid-521 *), [data-builder-mode].brx-header-left #brx-footer:not(.postid-521 *), [data-builder-mode].brx-header-right #brx-footer:not(.postid-521 *) {     margin: 0 !important; }  .dwc-sidebar__nav:not(.show-nav .dwc-sidebar__nav, [data-builder-mode] .dwc-sidebar__nav){   display: none;   }
// Feature Toggles (1 = enabled, 0 = disabled)  // Automatically rename the text on the back button to show the panel name // e.g., 'Back to Reviews' instead of the default 'Back' const updateBackText = 1;  // Calculate header height for mobile menu top offset const calcHeaderHeight = 1;  // Automatically open the current menu item's panel const autoCurrentPosition = 1;  // Enable/disable the top bar and off-canvas menu const enableTopBar = 0; const enableOffCanvas = 0;  // Mobile and off-canvas breakpoints const mq = window.matchMedia("(max-width: 1024px)"); const offCanvasBreakpoint = window.matchMedia("(max-width:10024px)");  // Off-canvas options const offCanvasPushContent = 0; // Enable off-canvas content push (requires off-canvas to be enabled) const fixedNavTrigger = 1; // Fix the toggle button when pushing content  // Dropdown behavior options const openFirstDropDown = 0; // Open the first dropdown content on page load const autoCloseDropdown = 1; // Automatically close the dropdown when it loses focus  // Sidebar and layout options const overlaySidebar = 0; // Overlay the sidebar on a fullwidth page (requires off-canvas to be disabled) const overlayTopBar = 0; // Overlay the top bar when using off-canvas  // RTL (Right-to-Left) layout support const enableRTL = 0;  // Scrolling header reveal/hide effect const enableHeadroom = 1;  /*   NOTES:   - Off-canvas or top bar must be enabled for headroom to work   - If you don't want off-canvas on desktop but want the headroom effect on mobile,     enable off-canvas and set the off-canvas breakpoint to match `mq` (e.g., 1024px) */  // Padding and offset options const calcTopPadding = 1; // Adjust top padding of the first container when headroom is enabled const offsetHashLinkScroll = 0; // Add offset when scrolling to hash links (useful for sticky headers)  // Offcanvas/Mobile menu behavior const mobileMenuAboveHeader = 0; // Offcanvas/Mobile menu will overlap the top bar instead of displaying underneath  // COLLAPSE SIDEBAR OPTIONS const enableCollapsibleSidebar = 0; const collapseOnPageLoad = 0; const saveCollapseState = 1;  // Toggle whether to save the collapse state const hoverToExpandSidebar = 1; const collapseAutoWidth = 1; const collapseWidth = 80; // manual width, when autowidth is off const collapsecenterScrub = 0.85; // controls icons position on manual width const offsetMultiplier = 3; //controls sidebar width on auto width    if (enableOffCanvas && offCanvasBreakpoint.matches) {  document.body.classList.add('dwc-offcanvas');   //console.log('offcanvas - 1') }   
  /* OVERLAY SIDEBAR */     /*main and footer*/   .dwc-overlay-sidebar.brx-header-left #brx-content,   .dwc-overlay-sidebar.brx-header-left #brx-footer,   .dwc-overlay-sidebar.brx-header-right #brx-content,   .dwc-overlay-sidebar.brx-header-right #brx-footer,   .dwc-offcanvas.brx-header-left #brx-content,   .dwc-offcanvas.brx-header-left #brx-footer,   .dwc-offcanvas.brx-header-right #brx-content,   .dwc-offcanvas.brx-header-right #brx-footer {       margin-inline-start: 0;   }    .dwc-overlay-sidebar:not(.dwc-mobile) {       --header-bg: transparent;       --nav-bg: transparent;   }    .dwc-overlay-topbar {       --header-bg: transparent;   }    .dwc-overlay-topbar #dwc_header.dwc-sidebar {       background: var(--header-bg);       margin-block-end: calc(var(--dwc-header-height) * -1);   }    .brx-header-left.dwc-overlay-sidebar:not(.dwc-mobile) .swiper-slide {       padding-inline-start: var(--sidebar-width);   }    .brx-header-right.dwc-overlay-sidebar:not(.dwc-mobile) .swiper-slide {       padding-inline-end: var(--sidebar-width);   }   .dwc-mobile-menu-over.dwc-offcanvas .dwc-sidebar__nav,      .dwc-mobile-menu-over.dwc-topbar-enabled .dwc-sidebar__nav, .dwc-mobile-menu-over.dwc-mobile .dwc-sidebar__nav{              z-index: 9999;     }      .dwc-mobile-menu-over.dwc-mobile .dwc-sidebar__nav__panel {         padding-block-start: 0 !important;     }      .dwc-offcanvas .dwc-sidebar__nav__panel:not(.dwc-mobile-menu-over *) {         padding-block-start: var(--dwc-header-height);         z-index: 0;     }          .dwc-offcanvas .dwc-header-inner-wrap:not(.dwc-mobile-menu-over *) {         z-index:99999;      }      /* OFFCANVAS */    .dwc-offcanvas.brx-header-left #brx-header {       bottom: auto;       inline-size: 100%;   }    .dwc-offcanvas.brx-header-left #brx-header:not(.dwc-headroom *) {       position: relative;   }     .dwc-push-content.dwc-slide-nav-open.dwc-nav-trigger-is-fixed .dwc-nav-trigger {       transform: translateX(calc(var(--sidebar-width) * -1));   }    .dwc-rtl.dwc-push-content.dwc-slide-nav-open.dwc-nav-trigger-is-fixed .dwc-nav-trigger {       transform: translateX(calc(var(--sidebar-width) * 1));   }    .dwc-nav-trigger {       transition: transform var(--sidebar-transition) var(--sidebar-ttf), opacity var(--opacity-transition);   }    .dwc-offcanvas .dwc-sidebar__nav {       transform: translateX(-100%);       transition: transform var(--sidebar-transition) var(--sidebar-ttf), opacity var(--opacity-transition);   }    .dwc-offcanvas .dwc-sidebar__nav,   .dwc-topbar-enabled .dwc-sidebar__nav {       background: var(--nav-bg);       inline-size: var(--sidebar-width);       position: fixed !important;       bottom: 0;       inset-inline-start: 0;       inset-block-start: 0;       block-size: 100dvb;       overflow: hidden;       box-shadow: var(--sidebar-shadow);    }    .dwc-offcanvas.dwc-slide-nav-open .dwc-mobile-menu-overlay {       pointer-events: auto;       opacity: var(--overlay-opacity);   }    .dwc-offcanvas .dwc-mobile-menu-overlay {       background: var(--overlay-bg);       position: fixed !important;       inset-block-start: 0;       bottom: 0;       inset-inline-start: 0;       inset-inline-end: 0;       pointer-events: none;       opacity: 0;       transition: 0.4s 0.2s;       block-size: 100vh;   }    .dwc-slide-nav-open .dwc-sidebar__nav:not(.dwc-push-content *) {       transform: translateX(0) !important;   }     .dwc-push-content .dwc-sidebar__nav__panel {       padding-block: var(--panel-block-pad) !important;   }      .dwc-offcanvas .dwc-sidebar__nav:not(.dwc-mobile *),   .dwc-topbar-enabled .dwc-sidebar__nav:not(.dwc-mobile *) {       z-index: 1000;   }     .dwc-topbar-enabled .dwc-sidebar__nav__panel:not(.dwc-mobile *) {       padding-block-start: calc(20px + var(--dwc-header-height));   }    /* body */    body.dwc-no-scroll {       overflow: hidden;       block-size: 100vh;   }     body.dwc-offcanvas {       --sidebar-transition: 700ms;       transition: transform var(--sidebar-transition) var(--sidebar-ttf), opacity var(--opacity-transition);   }     /* OFFCANVAS ENDS */    /* push content */    .dwc-push-content.dwc-slide-nav-open .dwc-site-wrapper>header,   .dwc-push-content.dwc-slide-nav-open .dwc-site-wrapper>footer,   .dwc-push-content.dwc-slide-nav-open .dwc-site-wrapper>main {       transform: translateX(var(--sidebar-width));   }       .dwc-mobile.dwc-push-content.dwc-slide-nav-open .dwc-site-wrapper {       overflow: hidden;       block-size: 100dvb;   }    .dwc-site-wrapper {       block-size: 100%;       display: flex;       flex-direction: column;   }    header,   footer,   main {       --sidebar-transition: 700ms;       transition: transform var(--sidebar-transition) var(--sidebar-ttf), opacity var(--opacity-transition);   }    /*RTL*/    .dwc-rtl .dwc-sidebar__nav__panel {       direction: rtl;   }     .dwc-rtl #brx-footer:not(.dwc-mobile *, .dwc-overlay-sidebar *, .dwc-offcanvas *),   .dwc-rtl #brx-content:not(.dwc-offcanvas *, .dwc-mobile *, .dwc-overlay-sidebar *, .dwc-offcanvas *) {       margin-inline-start: unset;       margin-inline-end: var(--sidebar-width);    }    .dwc-rtl header.dwc-sidebar {       inset-inline-end: 0;   }    .dwc-rtl.dwc-mobile .dwc-sidebar__nav,   .dwc-rtl.dwc-offcanvas .dwc-sidebar__nav,   .dwc-rtl.dwc-topbar-enabled .dwc-sidebar__nav,   .dwc-rtl #brx-header {       inset-inline-start: auto;       inset-inline-end: 0;   }     .dwc-rtl.dwc-mobile .dwc-sidebar__nav,   .dwc-rtl.dwc-offcanvas .dwc-sidebar__nav {       transform: translateX(100%);   }    .dwc-rtl.dwc-push-content.dwc-slide-nav-open header,   .dwc-rtl.dwc-push-content.dwc-slide-nav-open main,   .dwc-rtl.dwc-push-content.dwc-slide-nav-open footer {       --rtl-translate: calc(var(--sidebar-width) * -1);       transform: translateX(var(--rtl-translate));   }    /* RTL + OVERLAY SIDEBAR */   .dwc-rtl.dwc-overlay-sidebar .brxe-section:not(.dwc-mobile *),   .dwc-rtl.dwc-overlay-sidebar #brx-footer .brxe-section:not(.dwc-mobile *) {       padding-inline-end: calc(var(--sidebar-width) + 20px);   }    .dwc-overlay-sidebar .brxe-section:not(.dwc-rtl *, .dwc-mobile *),   .dwc-overlay-sidebar #brx-footer .brxe-section:not(.dwc-rtl *, .dwc-mobile *) {       padding-inline-start: calc(var(--sidebar-width) + 20px)   }     /* TOP BAR*/   .dwc-topbar-enabled .dwc-header-inner-wrap,   .dwc-offcanvas .dwc-header-inner-wrap {       box-shadow: var(--sidebar-shadow);   }    .dwc-topbar-enabled .dwc-header-inner-wrap {       z-index: 9999;   }    .dwc-topbar-enabled #brx-header {       inline-size: 100%;       block-size: var(--dwc-header-height);       background: transparent !important;       /* position: relative;*/   }    .dwc-topbar-enabled .dwc-sidebar:not(.dwc-mobile *) {       position: fixed;       inline-size: 100%;       max-inline-size: 100%;       background: var(--header-bg);       box-shadow: none;   }      /* TOP BAR ENDS */     .dwc-current-menu-item {       background-color: var(--current-link-bg);       border-bottom: var(--current-link-underline);   }     #brx-header {       background-color: var(--header-bg);   }    .dwc-mobile.brx-header-left #brx-header:not(.dwc-headroom *),   .dwc-mobile.brx-header-right #brx-header:not(.dwc-headroom *) {       position: relative;       inline-size: 100%;       block-size: auto;   }    /* MEDIA QUERY - DESKTOP */   @media (min-width: 1025px) {        .dwc-nav-trigger:not(.dwc-offcanvas *, .bricks-draggable-item),       .dwc-mobile-menu-overlay:not(.dwc-offcanvas *),       .mobile.dwc-nav__panel__header:not(.dwc-offcanvas *),     .dwc-hamburger-wrap:not(.dwc-offcanvas *, .bricks-draggable-item){           display: none !important;       }   }    /* MEDIA QUERY - DESKTOP ENDS */   html,   body {       block-size: 100%   }    main,   footer {       inline-size: 100%;   }    main {       flex-grow: 1   }    .dwc-sidebar {       box-shadow: var(--sidebar-shadow)   }     .dwc-sidebar__nav {       block-size: 100%;       z-index: 1;       inline-size: var(--sidebar-width);       position: relative;       background-color: var(--nav-bg);   }       .dwc-sidebar__nav:not([data-builder-mode] *) {       overflow: hidden;   }    .dwc-sidebar__nav__panel {       background: var(--nav-bg);       position: absolute;       inline-size: 100%;       block-size: 100%;       display: flex;       flex-direction: column;       transition: transform var(--sidebar-transition) var(--sidebar-ttf), opacity var(--opacity-transition);       transform: translateX(0);       box-shadow: -5px -5px 40px rgb(0 0 0/10%);       z-index: 1000;       padding-block: var(--panel-block-pad);       padding-block-start: 0;       flex-wrap: nowrap;   }    .dwc-mobile .dwc-sidebar__nav__panel {       padding-block-start: var(--dwc-header-height);   }    .dwc-sidebar__nav__panel:not([data-builder-mode] *) {       overflow: hidden;   }    .dwc-sidebar__nav__panel:not([data-builder-mode] *)::after {       content: '';       position: absolute;       bottom: 5px;       inline-size: 100%;       block-size: var(--panel-block-pad);       background: var(--nav-bg);       filter: blur(5px)   }    .dwc-nav__panel__header {       inline-size: 100%;       padding: 0.32rem var(--pad-m);       gap: var(--list-gap);       display: flex;       flex-direction: row;       justify-content: space-between;       align-items: center;       z-index: 2;       flex-wrap: nowrap;   }    .dwc-header-inner-wrap {       inline-size: 100%;       padding-block: var(--header-pad-y);       padding-inline: var(--header-pad-x);       gap: var(--list-gap);       display: flex;       flex-direction: row;       justify-content: space-between;       align-items: center;       z-index: 2;       flex-wrap: nowrap;       background: var(--header-bg);       position: relative;   }     .dwc-nav__panel__inner {       inline-size: 100%;       flex-grow: 1;       overflow-x: hidden;       overflow-y: auto;       overscroll-behavior: contain;       flex-wrap: nowrap;       padding-inline: var(--pad-m);   }    .dwc-nav__panel__title-wrap {       padding: var(--pad-s) var(--pad-xs);       inline-size: 100%;       box-shadow: 0 -6px 10px 15px var(--nav-bg);       position: -webkit-sticky;       position: sticky;       inset-block-start: -3px;       background-color: var(--nav-bg);       z-index: 1;   }    .dwc-nav__panel__title {       color: var(--panel-title-color);       font-size: var(--panel-title-size);       font-weight: 500;       letter-spacing: 1px;   }    .dwc-sidebar__nav__ul {       display: flex;       flex-direction: column;       inline-size: 100%;       margin: 0;       padding-inline-start: 0;       /* padding-block: var(--pad-m); */       gap: var(--list-gap);       flex-grow: 1;   }    .dwc-sidebar__nav__ul:not(.dwc-sidebar__dropdown-content .dwc-sidebar__nav__ul) {         padding-block: var(--pad-m);   }    .dwc-sidebar__nav__li {       list-style: none;       inline-size: 100%;       position: relative;       border-radius: var(--link-border-radius)   }    .dwc-sidebar__nav__btn,   .dwc-sidebar__nav__link {       inline-size: 100%;       display: flex !important;       flex-direction: row;       justify-content: flex-start;       flex-wrap: nowrap;       align-items: center;       padding: var(--link-pad-y) var(--link-pad-x);       gap: var(--link-gap);       color: var(--panel-link-color);       text-align: left;       line-height: 1.3;       transition: var(--sidebar-link-transition), outline 0s;       border-radius: var(--link-border-radius);   }    .dwc-nav__back-btn {       text-transform: uppercase;       font-weight: bold;       letter-spacing: 2px;       font-size: var(--panel-back-size);   }    .dwc-nav__home-btn {       inline-size: auto;       padding: var(--pad-s);       margin: auto;       background: transparent;       border: none;       cursor: pointer;       border-radius: var(--link-border-radius);       position: relative;   }    .nav__home-btn__txt {       position: absolute;       clip: rect(0, 0, 0, 0);       font-size: 12px;   }    .dwc-sidebar__nav__btn,   .dwc-sidebar__dropdown-toggle button {       outline-width: 0;       outline: none;       cursor: pointer;       background: var(--link-bg);       border: none;   }    /* mobile menu toggle button*/   .dwc-nav-trigger {       cursor: pointer;       position: relative;       min-inline-size: 26px !important;       min-block-size: 0 !important;   }    .dwc-nav-trigger::before {       inset-inline-start: 0;       inset-inline-end: 0;       transform: translateY(-5px);   }    .dwc-nav-trigger::after {       inset-inline-start: 10px;       inset-inline-end: 0;       transform: translateY(5px);   }    .dwc-nav-trigger::before,   .dwc-nav-trigger:after {       content: '';       position: absolute;       transition: 0.4s 0.3s;       block-size: 3px;       background: var(--mobile-menu-trigger-color);       inset-block-start: 50%;       border-radius: 50vw   }    .dwc-slide-nav-open .dwc-nav-trigger::before {       transform: translateY(0) rotate(45deg);   }    .dwc-slide-nav-open .dwc-nav-trigger::after {       transform: translateY(0) rotate(-45deg);       inset-inline-start: 0;   }      .dwc-sidebar__dropdown-toggle .dwc-nav__link__icon--chevron-right {       transform: rotate(90deg);       transition: 0.4s   }    .dwc-sidebar__dropdown-toggle [aria-expanded="true"] .dwc-nav__link__icon {       transform: rotate(270deg)   }    .dwc-sidebar__dropdown-content {       overflow: hidden;       transition: var(--sidebar-transition) cubic-bezier(0.22, 0.61, 0.36, 1);       padding-inline: var(--link-pad-x);       padding-block: 0;       background-color: var(--dropdown-content-bg)   }   /*   .dwc-sidebar__dropdown-content .dwc-sidebar__nav__ul {       padding-block: calc(var(--link-pad-y) * 0.8);   } */   .dwc-sidebar__dropdown-content .dwc-sidebar__nav__li {       border: var(--dropdown-links-underline);   }     .dwc-sidebar__dropdown-toggle {       inline-size: 100%;       display: flex !important;       flex-direction: row;       justify-content: flex-start;       flex-wrap: nowrap;       align-items: center;       gap: var(--link-gap);       text-align: left;       line-height: 1.3;       padding-inline-start: var(--link-pad-x);       position: relative;       transition: var(--sidebar-link-transition);   }     .dwc-sidebar__dropdown ul .dwc-nav__link__text,   .dwc-sidebar__dropdown button {       transition: var(--sidebar-link-transition), outline 0s;       border-radius: var(--link-border-radius);       inline-size: 100%;   }    .dwc-sidebar__dropdown button,   .dwc-sidebar__dropdown-toggle .dwc-nav__link__text {       padding: var(--link-pad-y) 0;   }    .dwc-sidebar__dropdown-content ul .dwc-nav__link__text {       padding: var(--link-pad-y) var(--link-pad-x);   }    .dwc-sidebar__dropdown-content ul:not([class*="level-"]:not(.level-1)  ul){     padding-inline-start: calc(var(--dropdown-links-indent) - var(--link-pad-x));     padding-block: var(--link-pad-y); }    .dwc-sidebar__dropdown-toggle button {       margin-inline-start: auto;       flex-grow: 1;       padding-inline-end: var(--link-pad-x);       position: absolute;       inset-block-start: 0;       bottom: 0;       inset-inline-start: 0;       inset-inline-end: 0;   }   /* LEVEL 1 STYLES */  /* Normal icon color for Level 1 */ .dwc-sidebar__dropdown-toggle.level-1 .dwc-nav__link__icon:not(.dwc-nav__link__icon--chevron-right), .dwc-nav__link__icon:not(.dwc-nav__home-btn *, .dwc-nav__link__icon--chevron-right, .dwc-nav__link__icon--chevron-left) {     color: var(--lvl-1-icon-color);     font-size:var(--lvl-1-icon-size) }   /* Expanded background color for Level 1 */ .dwc-sidebar__dropdown-toggle.level-1:has([aria-expanded='true']) {     background-color: var(--lvl-1-toggle-bg-active); }  /* Dropdown content background for Level 1 */ .dwc-sidebar__dropdown-content.level-1 {     background-color: var(--lvl-1-content-bg);   }  /* LEVEL 2 STYLES */  /* Expanded background color for Level 2 */ .dwc-sidebar__dropdown-toggle.level-2:has([aria-expanded='true']) {     background-color: var(--lvl-2-toggle-bg-active); }  /* Expanded text color for Level 2 */ .dwc-sidebar__dropdown-toggle.level-2:has([aria-expanded='true']) .dwc-nav__link__text {     color: var(--lvl-2-toggle-color-active); }  /* Dropdown content background for Level 2 */ .dwc-sidebar__dropdown-content.level-2 {     background-color: var(--lvl-2-content-bg);     padding-inline-start: var(--lvl-2-indent); }  /* Normal icon color and size for Level 2 */ .dwc-sidebar__dropdown-toggle.level-2 .dwc-nav__link__icon:not(.dwc-nav__link__icon--chevron-right) {     font-size:var(--lvl-2-icon-size) }  .dwc-sidebar__dropdown-toggle.level-2 .dwc-nav__link__icon {     color: var(--lvl-2-icon-color); }  /* Icon color for Level 2 when expanded */ .level-2:has([aria-expanded='true']) .dwc-nav__link__icon {     color: var(--lvl-2-icon-color); }  /* Hover icon color for Level 2 when expanded */ li>.level-2:has([aria-expanded='true']):hover .dwc-nav__link__icon {     color: var(--lvl-2-icon-hover-color) !important; }  /* LEVEL 3 STYLES */  /* Expanded background color for Level 3 */ .dwc-sidebar__dropdown-toggle.level-3:has([aria-expanded='true']) {     background-color: var(--lvl-3-toggle-bg-active); }  /* Expanded text color for Level 3 */ .dwc-sidebar__dropdown-toggle.level-3:has([aria-expanded='true']) .dwc-nav__link__text {     color: var(--lvl-3-toggle-color-active); }  /* Dropdown content background for Level 3 */ .dwc-sidebar__dropdown-content.level-3 {     background-color: var(--lvl-3-content-bg);     padding-inline-start: var(--lvl-3-indent); }  /* Normal icon color and size for Level 3 */ .dwc-sidebar__dropdown-toggle.level-3 .dwc-nav__link__icon {     color: var(--lvl-3-icon-color); }  .dwc-sidebar__dropdown-toggle.level-3 .dwc-nav__link__icon:not(.dwc-nav__link__icon--chevron-right) {        font-size:var(--lvl-3-icon-size) }  /* Icon color for Level 3 when expanded */ .level-3:has([aria-expanded='true']) .dwc-nav__link__icon {     color: var(--lvl-3-icon-color); }  /* Hover icon color for Level 3 when expanded */ li>.level-3:has([aria-expanded='true']):hover .dwc-nav__link__icon {     color: var(--lvl-3-icon-hover-color) !important; }    .dwc-sidebar__nav__li {       border-bottom: var(--link-underline);   }     .dwc-sidebar__nav__link:hover,   .dwc-nav__home-btn:hover,   button.dwc-sidebar__nav__btn:hover,   .dwc-sidebar__dropdown-toggle:hover {       background: var(--link-hover-bg);   }     .dwc-sidebar__dropdown-content a {       background: var(--dropdown-links-bg);       color: var(--dropdown-links-color)   }    .dwc-sidebar__dropdown-content a:hover {       background: var(--dropdown-links-hover-bg);       color: var(--dropdown-links-hover-color)   }    button:hover .dwc-nav__link__text,   .dwc-sidebar__dropdown-toggle:hover .dwc-nav__link__text,   button:hover .dwc-nav__back__text,   .dwc-sidebar__dropdown-toggle:hover .dwc-nav__link__text {       color: var(--link-hover-color);   }      .dwc-nav__link__text {       color: var(--panel-link-color);       font-size: var(--link-txt-size);   }    .dwc-sidebar__nav__link::before {       content: '';       inset-block-start: 0;       bottom: 0;       inset-inline-start: 0;       inset-inline-end: 0;       position: absolute;   }    /* button:hover .dwc-nav__link__icon,   li:hover .dwc-nav__link__icon {       color: var(--link-icon-hover-color) !important;   } */    button:hover .dwc-nav__link__icon:not(.level-2:has([aria-expanded='true']) *, .level-3 *),    li:hover > .dwc-sidebar__dropdown-toggle .dwc-nav__link__icon:not(.level-2:has([aria-expanded='true']) *, .level-3:has([aria-expanded='true']) *), li:hover > a .dwc-nav__link__icon{     color: var(--link-icon-hover-color) !important; }    .dwc-nav__link__icon {       font-size: var(--nav-icon-size);       color: var(--panel-icon-color)   }    .dwc-nav__link__icon--chevron-right {       margin-inline-start: auto;   }       .dwc-nav__link__icon--chevron-right,   .dwc-nav__link__icon--chevron-left  {     font-size: var(--chevron-size);     color: var(--chevron-icon-color); }  svg.dwc-nav__link__icon{     width: var(--nav-icon-size);     height: auto; }  svg.dwc-nav__link__icon path {     stroke: var(--panel-icon-color); }  .dwc-sidebar__nav__link:hover > svg.dwc-nav__link__icon path {     stroke:var(--link-icon-hover-color) !important;   }  button:hover svg.dwc-nav__link__icon path:not(.level-2:has([aria-expanded='true']) *, .level-3 *),  li:hover > .dwc-sidebar__dropdown-toggle svg.dwc-nav__link__icon path:not(.level-2:has([aria-expanded='true']) *, .level-3:has([aria-expanded='true']) *),  li:hover > a svg.dwc-nav__link__icon path {     color: var(--link-icon-hover-color) !important; }     .dwc-sidebar__nav__list-img {       inline-size: 100%;       aspect-ratio: 16/9;       object-fit: cover;       object-position: top center;       border-radius: var(--link-border-radius);   }    .dwc-sidebar__nav__panel-footer {       inline-size: 100%;       padding-block: var(--pad-m);       gap: var(--link-gap);       z-index: 5;       padding-inline: var(--pad-m);       border-top: var(--horizontal-line);   }    .dwc-sidebar__nav__panel-footer:not([data-builder-mode] *) {       box-shadow: 0 6px 24px 32px var(--nav-bg);   }    .dwc-social-wrapper a {       color: var(--social-color);   }    .dwc-social-wrapper a:hover {       color: var(--social-hover-color)   }    .dwc-social-wrapper li {       background: var(--social-bg);       border-radius: var(--link-border-radius);   }    .dwc-social-wrapper li:hover {       background: var(--social-hover-bg);    }    .dwc-social-wrapper i {       color: var(--social-icon-color);       font-size: var(--social-icon-size);   }    .dwc-social-wrapper li:hover i {       color: var(--social-icon-hover-color)   }    .dwc-cta {       justify-content: center;       background: var(--cta-bg);       inline-size: 100%;       color: var(--cta-color);       border-radius: var(--link-border-radius);   }    .dwc-cta:hover {       background: var(--cta-hover-bg);   }     /*FOCUS STYLES*/    .dwc-sidebar *:not(.dwc-sidebar .dwc-sidebar__nav__panel):focus-visible {       outline: solid var(--focus-outline-width) var(--focus-outline-color) !important;       outline-offset: var(--focus-outline-offset);       transition: 0s;   }    .dwc-sidebar li:not(.dwc-sidebar__dropdown):focus-within {       outline: solid var(--focus-outline-width) var(--focus-outline-color) !important;   }    .dwc-sidebar li:focus-within:has(:focus:not(:focus-visible)),   #brx-header .dwc-sidebar li a:not(.dwc-sidebar__dropdown-toggle *):focus-visible,   #brx-header .dwc-sidebar__nav__btn:not(.dwc-nav__back-btn):focus-visible,   .dwc-sidebar__nav__panel:focus,   .dwc-sidebar__nav__panel:focus-visible,   .dwc-sidebar *:focus:not(:focus-visible),   header:focus-visible {       outline: none !important;   }    /*FOCUS STYLES END*/     .dwc-slide-left {       transform: translateX(-100%);       z-index: 0;   }    .dwc-slide-right {       transform: translateX(75%);       z-index: 0;       opacity: 0;   }    /* mobile menu toggle */   .dwc-nav-trigger {       border: none;       background: none;       padding: var(--pad-m)   }    /*MEDIA QUERY - MOBILE*/   @media (max-width:1024px) {        /*header and menu on mobile*/       .brx-header-left #brx-header:not([data-builder-mode] *, .dwc-headroom.dwc-mobile *),       .brx-header-right #brx-header:not([data-builder-mode] *) {           position: relative;           inline-size: 100%;           block-size: auto;       }        /*main and footer*/       .brx-header-left #brx-content,       .brx-header-left #brx-footer,       .brx-header-right #brx-content,       .brx-header-right #brx-footer {           margin: 0 !important;       }        .dwc-sidebar__nav {           background: var(--nav-bg);           inline-size: var(--sidebar-width);           position: fixed;           bottom: 0;           inset-inline-start: 0;           inset-block-start: 0;           transform: translateX(-100%);           transition: transform var(--sidebar-transition) var(--sidebar-ttf), opacity var(--opacity-transition);           min-block-size: 100vh;           min-block-size: 100dvb;       }        .dwc-sidebar__nav__panel:not([data-builder-mode] *) {           background: transparent;       }        .dwc-sidebar__nav__panel>div {           background: var(--nav-bg);       }        .dwc-slide-nav-open .dwc-sidebar__nav:not(.dwc-push-content *) {           transform: translateX(0);       }        .dwc-nav__link__text {           font-weight: 500;       }        .dwc-sidebar__logo-wrapper {           inline-size: auto;       }        body.dwc-slide-nav-open {           overflow: hidden;           block-size: 100vh       }        .dwc-mobile-menu-overlay {           background: var(--overlay-bg);           position: fixed;           inset-block-start: 0;           bottom: 0;           inset-inline-start: 0;           inset-inline-end: 0;           pointer-events: none;           opacity: 0;           transition: 0.4s 0.2s;       }        .dwc-slide-nav-open .dwc-mobile-menu-overlay {           pointer-events: auto;           opacity: var(--overlay-opacity);       }        /* RIGHT MENU ON MOBILE*/        .brx-header-right .dwc-sidebar__nav {           transform: translateX(100%);           inset-inline-start: auto;           inset-inline-end: 0;       }        .dwc-slide-nav-open.brx-header-right .dwc-sidebar__nav {           transform: translateX(0%);       }        /* inside Bricks start*/       [data-builder-mode] .dwc-sidebar__nav {           inset-block-start: 120px;           transform: translateX(0);           border-top: dashed 1px gray;           position: static;           overflow: visible;       }        [data-builder-mode].brx-header-left #brx-header,       [data-builder-mode].brx-header-right #brx-header {           background: transparent;       }        /* inside Bricks end */       }    /*MEDIA QUERY - MOBILE ENDS */    /* headroom*/    .dwc-headroom.dwc-offcanvas .dwc-sidebar,   .dwc-headroom.dwc-topbar-enabled .dwc-sidebar,   .dwc-headroom.dwc-offcanvas .dwc-header-inner-wrap,   .dwc-headroom.dwc-topbar-enabled .dwc-header-inner-wrap {       position: fixed;       inset-block-start: 0;       inset-inline-start: 0;       inset-inline-end: 0;       transition: transform 1s ease;   }     /*.dwc-headroom.scroll-down .dwc-sidebar:not(.dwc-topbar-enabled *),*/   .dwc-headroom.dwc-offcanvas.scroll-down .dwc-header-inner-wrap,   .dwc-headroom.dwc-topbar-enabled.scroll-down .dwc-header-inner-wrap {       transform: translateY(-100%);   }     @media (max-height: 667px) {        .dwc-sidebar__nav__panel:not(.ng-scope .dwc-sidebar__nav__panel) {     overflow-y:scroll;     overscroll-behavior: contain;      /*  min-block-size: 100vh;   min-block-size: 100dvb;*/ }         .dwc-nav__panel__inner {           overflow: hidden;           flex-shrink: 0;       }     }     /* MEDIA QUERY - MOBILE ENDS */      /*SCROLLBARS*/   .dwc-nav__panel__inner::-webkit-scrollbar-track {       border-radius: 5px;       background-color: transparent;   }    .dwc-nav__panel__inner::-webkit-scrollbar {       inline-size: 0;       background-color: transparent;   }    .dwc-nav__panel__inner::-webkit-scrollbar-thumb {       border-radius: 5px;       background-color: var(--nav-bg);   }    /* SCROLLBARS END */    /* FADE IN OFFCANVS */    .dwc-offcanvas-header{       animation: dwc-header-fade-in 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;   }   .dwc-offcanvas-header nav{       animation: dwc-header-fade-in 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;   }    body:has(.dwc-offcanvas-header) {       animation: dwc-header-fade-in 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;   }    @keyframes dwc-header-fade-in {       0% {           opacity: 0;       }        100% {            opacity: 1;       }   }     /* INSIDE BRICKS */   [data-builder-mode] .dwc-sidebar__nav__panel,   [data-builder-mode].brx-header-left #brx-header,   [data-builder-mode].brx-header-right #brx-header {       position: static !important;       outline: gray dashed 3px;       padding-block-end: 20px;       min-block-size: min(100vh, 600px);       block-size: unset;   }    #brx-header.bricks-area {       inline-size: 100% !important;       min-block-size: unset !important;       padding-block-end: 0 !important;   }    .bricks-draggable-item.dwc-sidebar {       position: relative   }    .bricks-draggable-item.dwc-sidebar__nav {       position: absolute;       inset-block-start: 100%;       flex-wrap: nowrap;   }     [data-builder-mode] .dwc-slide-right {       opacity: 1 !important;       transform: translateX(0) !important;   }    [data-builder-mode] .dwc-sidebar__nav {       overflow: visible !important;   }    [data-builder-mode] .dwc-sidebar__nav__panel:hover {       outline: yellow solid 3px;       z-index: 100000   }    [data-builder-mode] .dwc-slide-right {       opacity: 1;       transform: translateX(0);   }    [data-builder-mode] button.dwc-sidebar__nav__btn,   [data-builder-mode] .dwc-sidebar__nav__link,   [data-builder-mode] .dwc-sidebar__nav__panel {       position: relative;   }    [data-builder-mode] button.dwc-sidebar__nav__btn::after {       content: 'TO ' '"'attr(data-title)'"' ' PANEL';       position: absolute;       bottom: 1px;       left: 40px;       font-size: 8px;       font-weight: bold;             color: var(--label-color);       letter-spacing: 1px;     font-family: poppins, roboto;   }    [data-builder-mode] button.dwc-nav__back-btn::after {       content: 'To previous panel';       inset-inline-start: 32px;   }    [data-builder-mode] button.dwc-nav__home-btn::after {       content: 'HOME';       position: absolute;       top: 80%;       left: 48%;       right: auto;       transform: translateX(-50%);       white-space: nowrap;       opacity: 0.8;       font-size: 8px;       font-weight: bold;       color: var(--label-color);       letter-spacing: 1px;     font-family: poppins, roboto;   }    [data-builder-mode] .dwc-sidebar__nav__panel::after {       content: '"'attr(data-title)'"' ' Panel';       position: absolute;       top: 0;       left: 100%;       font-size: 18px;       font-weight: bold;       color: black;       background: white;       padding-inline: 2rem;       letter-spacing: 1px;       white-space: nowrap;       writing-mode: vertical-lr;   }   [data-builder-mode] .dwc-sidebar__dropdown-toggle >  button::before {     position: absolute;     right: 100%;      color: var(--label-color);     background-color: #ebebeb;     text-transform: uppercase;     font-size: 10px;     font-weight: bold;     font-family: poppins, roboto;     padding: 4px;     border-radius: 5px;     }  [data-builder-mode] .dwc-sidebar__dropdown-content{   overflow: visible; }  [data-builder-mode] .dwc-nav__panel__inner > ul > .dwc-sidebar__dropdown >  .dwc-sidebar__dropdown-toggle   >  button::before{     content: 'L1'; }  [data-builder-mode] .dwc-sidebar__dropdown-toggle:not(.dwc-nav__panel__inner > ul > .dwc-sidebar__dropdown > *,.dwc-sidebar__dropdown .dwc-sidebar__dropdown .dwc-sidebar__dropdown > *)  >  button::before{     content: 'L2'; }  [data-builder-mode] .dwc-sidebar__dropdown-toggle >  button::before{     content: 'L3';     }   /* [data-builder-mode] .dwc-sidebar__dropdown-content:not(.dwc-sidebar__nav__li.is-active-element *, .is-active-element, :has(.is-active-element), .is-active-element + .dwc-sidebar__dropdown-content, :has(.is-active-element) + .dwc-sidebar__dropdown-content) {     height: 0;     overflow: hidden; }*/    /* COLLAPSE SIDEBAR*/  .dwc-collapse-enabled #brx-header, .dwc-nav__link__icon, .dwc-social-wrapper li .icon, .dwc-nav__link__text, .dwc-nav__link__icon--chevron-right, .dwc-social__text, .dwc-show, .dwc-hide, .dwc-toggle-collapse .brxe-icon, footer:not(.dwc-offcanvas, .dwc-mobile *, .dwc-overlay-sidebar *, [data-builder-mode] *), .dwc-collapse-enabled .dwc-site-wrapper>:not(header, .dwc-offcanvas, .dwc-mobile *, .dwc-overlay-sidebar *), .dwc-collapse-enabled main:not(.dwc-mobile *) {     --sidebar-transition: 700ms;     transition:         transform var(--sidebar-transition) var(--collapse-ttf),         opacity var(--opacity-transition),         inline-size var(--sidebar-transition) var(--collapse-ttf) !important; }  .dwc-collapse-sidebar .dwc-nav__link__icon:not(.dwc-nav__link__icon--chevron-right, .dwc-rtl *), .dwc-collapse-sidebar .dwc-social-wrapper li .icon:not(.dwc-rtl *) {     transform: translateX(calc(var(--sidebar-width) - var(--collapse-offset))); }  .dwc-rtl.dwc-collapse-sidebar .dwc-nav__link__icon:not(.dwc-nav__link__icon--chevron-right), .dwc-rtl.dwc-collapse-sidebar .dwc-social-wrapper li .icon{     transform: translateX(calc((var(--sidebar-width) * -1) + var(--collapse-offset))); }  .dwc-collapse-sidebar .dwc-show:not(.dwc-rtl *) {     transform: translateX(calc(var(--sidebar-width) - (var(--collapse-offset) + var(--collapse-pad))));   }  .dwc-collapse-sidebar .dwc-show {        opacity: 1; }     .dwc-collapse-sidebar .dwc-nav__link__text, .dwc-collapse-sidebar .dwc-nav__link__icon--chevron-right, .dwc-collapse-sidebar .dwc-social-wrapper li span, .dwc-collapse-sidebar .dwc-hide {     opacity: 0; }  .dwc-collapse-sidebar #brx-header:not(.dwc-rtl *) {     transform: translateX(calc(-100% + var(--collapse-offset))) }  .dwc-rtl.dwc-collapse-sidebar #brx-header {     transform: translateX(calc(100% - var(--collapse-offset))) }  .dwc-collapse-sidebar footer:not(.dwc-offcanvas, .dwc-mobile *, .dwc-overlay-sidebar *, [data-builder-mode] *), .dwc-collapse-sidebar .dwc-site-wrapper>:not(header, .dwc-offcanvas, .dwc-mobile *, .dwc-overlay-sidebar *, [data-builder-mode] *), .dwc-collapse-sidebar>main:not(.dwc-mobile *) {     --sidebar-transition: 350ms;       inline-size: calc(100% - var(--collapse-offset)) !important;     margin-inline-start: auto !important; }  .dwc-collapse-enabled.brx-header-left #brx-content:not(.dwc-collapse-sidebar *, .dwc-mobile *),  .dwc-collapse-enabled.brx-header-left #brx-footer:not(.dwc-collapse-sidebar *, .dwc-mobile *) {     margin-inline-start: auto;     inline-size: calc((100% + 15px) - var(--sidebar-width)); }   .dwc-toggle-collapse:not([data-builder-mode] *, .dwc-collapse-enabled .dwc-toggle-collapse) {     display: none; }    .dwc-collapse-sidebar .dwc-toggle-collapse .brxe-icon:not(.dwc-rtl *) {     transform: rotate(180deg); }  .dwc-rtl.dwc-collapse-sidebar .dwc-toggle-collapse .brxe-icon {     transform: rotate(0deg) !important; }  .dwc-rtl .dwc-toggle-collapse .brxe-icon {     transform: rotate(180deg) !important; }   .dwc-show:not(.dwc-collapse-sidebar *, [data-builder-mode] *), .dwc-collapse-sidebar .dwc-hide:not(.dwc-fade) {         opacity: 0;     position: absolute; }    /* WITH TOBAR ENABLED */ .dwc-topbar-enabled .dwc-toggle-collapse {     position: absolute;     inset-inline-start: var(--sidebar-width);     inset-block-start: 100%;     block-size: 100%;     transition: left var(--sidebar-transition) var(--collapse-ttf);     display: flex; }  .dwc-topbar-enabled.dwc-mobile .dwc-toggle-collapse{     display: none; }  .dwc-topbar-enabled.dwc-collapse-sidebar .dwc-toggle-collapse {      inset-inline-start: var(--collapse-offset);  }  .dwc-collapse-sidebar.dwc-topbar-enabled .dwc-header-inner-wrap.dwc-show {     transform: translateX(0); }   .dwc-collapse-sidebar.dwc-topbar-enabled .dwc-nav__link__icon:not(.dwc-nav__link__icon--chevron-right, .dwc-auto-width *),  .dwc-collapse-sidebar.dwc-topbar-enabled .dwc-social-wrapper li .icon:not(.dwc-auto-width *) {     transform: translateX(calc(var(--sidebar-width) - ((var(--center-scrub) * var(--collapse-w)) + var(--icon-width-offset)))); }  .dwc-collapse-sidebar.dwc-topbar-enabled #brx-header {     transform: unset !important; }  .dwc-topbar-enabled.dwc-collapse-sidebar .dwc-sidebar__nav {     transform: translateX(calc(-100% + var(--collapse-offset))); }  .dwc-topbar-enabled .dwc-sidebar__nav {     transition:         transform var(--sidebar-transition) var(--collapse-ttf),         opacity var(--opacity-transition),         width var(--sidebar-transition) var(--collapse-ttf) !important; }   /*  MANUAL WIDTH*/  .dwc-collapse-sidebar #brx-header:not(.dwc-auto-width *, .dwc-rtl *) {     transform: translateX(calc(-100% + var(--collapse-w))); }   .dwc-rtl.dwc-collapse-sidebar #brx-header:not(.dwc-auto-width *) {     transform: translateX(calc(100% - var(--collapse-w))); }   .dwc-collapse-sidebar .dwc-nav__link__icon:not(.dwc-nav__link__icon--chevron-right, .dwc-auto-width *), .dwc-collapse-sidebar .dwc-social-wrapper li .icon:not(.dwc-auto-width *) {     transform: translateX(calc(var(--sidebar-width) - ((var(--center-scrub) * var(--collapse-w)) + var(--icon-width-offset)))); }   .dwc-collapse-sidebar .dwc-show:not(.dwc-auto-width *) {     opacity: 1;     transform: translateX(calc(var(--sidebar-width) - ((var(--center-scrub) * var(--collapse-w)) + var(--icon-width-offset)))); }      .dwc-topbar-enabled.dwc-collapse-sidebar .dwc-sidebar__nav:not(.dwc-auto-width *)  {     transform: translateX(calc(-100% + var(--collapse-w))) ; }  .dwc-topbar-enabled.dwc-collapse-sidebar .dwc-toggle-collapse:not(.dwc-auto-width *)  {     inset-inline-start: var(--collapse-w); }
if (enableTopBar && !enableOffCanvas) {     document.body.classList.add('dwc-topbar-enabled') }   if (enableRTL) {     document.body.classList.add('dwc-rtl') }  // we can remove !enableOffCanvas if on mobile only to have overlay on desktop + headroom on mobile. if (overlaySidebar && !enableOffCanvas) {     document.body.classList.add('dwc-overlay-sidebar') }  if (overlayTopBar && enableOffCanvas) {     document.body.classList.add('dwc-overlay-topbar') }  if (mobileMenuAboveHeader == 1) {     document.body.classList.add('dwc-mobile-menu-over') }  document.body.classList.add('show-nav') //console.log('show nav')   //document.addEventListener('DOMContentLoaded', () => { // COLLAPSE SIDEBAR startes if (enableCollapsibleSidebar && !enableOffCanvas && !mq.matches) {     const collapseToggle = document.querySelector('.dwc-toggle-collapse');     const sidebarNav = document.querySelector('.dwc-sidebar__nav');     let removedByMouseEnter = false; // Track if class was removed by hover      document.body.classList.add('dwc-collapse-enabled');     if (collapseAutoWidth) {         document.body.classList.add('dwc-auto-width');     } else {         document.body.style.setProperty('--collapse-w', `${collapseWidth}px`);         document.body.style.setProperty('--center-scrub', `${collapsecenterScrub}`);     }      // Toggle collapse on button click     collapseToggle.addEventListener('click', function () {         document.body.classList.toggle('dwc-collapse-sidebar');         initCollapseContent(); goHome();         saveCollapseStatus();  // Save the updated state after toggling     });      // Hover functionality     if (hoverToExpandSidebar) {         sidebarNav.addEventListener('mouseenter', function () {             if (document.body.classList.contains('dwc-collapse-sidebar')) {                 document.body.classList.remove('dwc-collapse-sidebar');                 removedByMouseEnter = true;  // Mark that we explicitly removed it             }         });          sidebarNav.addEventListener('mouseleave', function () {             if (removedByMouseEnter) {                 document.body.classList.add('dwc-collapse-sidebar');                 initCollapseContent(); goHome()                 removedByMouseEnter = false;  // Reset the flag after re-adding             }         });     }      // expand when links are focused         let removedByFocus = false;     let keepOpenOnEnter = false;     const focusableElements = sidebarNav.querySelectorAll('a, button, input, [tabindex]:not([tabindex="-1"])');          // Listen for 'keydown' on buttons within sidebarNav to detect Enter key presses     sidebarNav.addEventListener('keydown', function (event) {         if (event.key === 'Enter' && event.target.tagName === 'BUTTON') {             keepOpenOnEnter = true;         }     });          sidebarNav.addEventListener('focusin', function (event) {         if (document.body.classList.contains('dwc-collapse-sidebar')) {             document.body.classList.remove('dwc-collapse-sidebar');             removedByFocus = true;  // Mark that we explicitly removed it         }     });          sidebarNav.addEventListener('focusout', function () {         setTimeout(function () {             const isFocusOutsideSidebar = [...focusableElements].every(el => !el.contains(document.activeElement));                  if (isFocusOutsideSidebar && removedByFocus && !keepOpenOnEnter) {                 document.body.classList.add('dwc-collapse-sidebar');                 initCollapseContent();                 goHome();                 removedByFocus = false;  // Reset the flag after re-adding             }                  // Reset the Enter key flag after the check             keepOpenOnEnter = false;         }, 50);     });                     // Run once on page load to apply the saved state     loadCollapseStatus();       //----- COLLAPSE ON PAGE LOAD      if (collapseOnPageLoad) {         document.body.classList.add('dwc-collapse-sidebar');         saveCollapseStatus();  // Save the updated state after toggling     }      // Call the function when needed     setCollapseOffset(); }  // COLLAPSE SIDEBAR FUNCTIONS   // // set offset variable // function setCollapseOffset() { //     // Get the padding values of .dwc-nav__panel__inner //     const panelInner = document.querySelector('.dwc-nav__panel__inner'); //     if (!panelInner) return;  // Check if element exists  //     const panelStyles = getComputedStyle(panelInner); //     const paddingLeft = parseFloat(panelStyles.paddingLeft);  //     // Get the width of .dwc-nav__link__icon //     const iconElement = document.querySelector('.dwc-nav__link__icon'); //     if (!iconElement) return;  // Check if element exists  //     const iconWidth = iconElement.offsetWidth; //     const iconWidthOffset = iconWidth / 2;  //     // Sum the paddings and icon width //     const collapseOffset = (paddingLeft * offsetMultiplier) + iconWidth;  //     // Set the CSS variables on the body //     document.body.style.setProperty('--collapse-offset', `${collapseOffset}px`); //     document.body.style.setProperty('--icon-width-offset', `${iconWidthOffset}px`); //     document.body.style.setProperty('--collapse-pad', `${paddingLeft}px`) // }  // set offset variable function setCollapseOffset() {     // Get the padding values of .dwc-nav__panel__inner     const panelInner = document.querySelector('.dwc-nav__panel__inner');     if (!panelInner) return;  // Check if element exists      const panelStyles = getComputedStyle(panelInner);     const paddingLeft = parseFloat(panelStyles.paddingLeft);      // Get the width of .dwc-nav__link__icon     const iconElement = document.querySelector('.dwc-nav__link__icon');     if (!iconElement) return;  // Check if element exists      // Use getBoundingClientRect() which works for both HTML and SVG elements     const iconRect = iconElement.getBoundingClientRect();     const iconWidth = iconRect.width;     const iconWidthOffset = iconWidth / 2;      // Sum the paddings and icon width     const collapseOffset = (paddingLeft * offsetMultiplier) + iconWidth;      // Set the CSS variables on the body     document.body.style.setProperty('--collapse-offset', `${collapseOffset}px`);     document.body.style.setProperty('--icon-width-offset', `${iconWidthOffset}px`);     document.body.style.setProperty('--collapse-pad', `${paddingLeft}px`); }    //------ SAVE COLLAPASE STATE  function saveCollapseStatus() {     if (saveCollapseState === 1) {         const isCollapsed = document.body.classList.contains('dwc-collapse-sidebar');         // Save the current state to localStorage         localStorage.setItem('sidebarCollapsed', isCollapsed ? 'true' : 'false');     } }  // RESTORE COLLAPSE STATE function loadCollapseStatus() {     if (saveCollapseState === 1) {         const savedState = localStorage.getItem('sidebarCollapsed');          // If the state exists, apply the correct class to the body         if (savedState === 'true') {             document.body.classList.add('dwc-collapse-sidebar');             // initCollapseContent();         } else if (savedState === 'false') {             document.body.classList.remove('dwc-collapse-sidebar');         }     } }  // FUNCTIONS END  // IF COLLAPSE SIDEBAR ENDS   // COLLAPSE SIDEBAR ENDS  // Select the element const listItem = document.querySelector('.dwc-sidebar__nav__li');  if (listItem) {     // Get the computed height of the element     const listItemHeight = listItem.offsetHeight;      // Set the height as a CSS variable on the body     document.body.style.setProperty('--list-item-height', `${listItemHeight}px`); }         const header = document.querySelector("header");     const sidebar = document.querySelector('.dwc-sidebar');     const navTrigger = document.querySelector(".dwc-nav-trigger");     const closeBtn = document.querySelector(".dwc-sidebar__nav-close-btn");     const mobileMenuOverlay = document.querySelector(".dwc-mobile-menu-overlay");     const body = document.body;     const nav = document.querySelector('.dwc-sidebar__nav');     const homePanel = document.querySelector('.dwc-sidebar__nav__panel--home');     const sidebarNavPanels = document.querySelectorAll(".dwc-sidebar__nav__panel");     const dropdownToggles = document.querySelectorAll('.dwc-sidebar__dropdown-toggle button');     const dropdownContents = document.querySelectorAll('.dwc-sidebar__dropdown-content');     const menuLinks = document.querySelectorAll('.dwc-sidebar__nav__li a');     const offCanvasMobileOnly = offCanvasBreakpoint.matches; 		const savedState = localStorage.getItem('sidebarCollapsed');      const select = selector => document.querySelectorAll(selector);      const initInert = () => select('.dwc-sidebar__nav__panel').forEach(nPanel => {          if (!nPanel.classList.contains('dwc-sidebar__nav__panel--home')) {             nPanel.inert = true;         } else if (enableOffCanvas && offCanvasMobileOnly) {             nPanel.inert = true;         } else {             nPanel.inert = false;         }     });           //OPEN FIRST DROP DOWN     if (openFirstDropDown) {         setTimeout(function () {             dropdownToggles[0].click();         }, 600);     }      // Get DROPWDOWN LEVELS     if(dropdownContents){     dropdownContents.forEach(function (element) {         let level = 1;         let parent = element.parentElement.closest('.dwc-sidebar__dropdown-content');          // Calculate the level by checking the number of ancestors         while (parent) {             level++;             parent = parent.parentElement.closest('.dwc-sidebar__dropdown-content');         }          // Assign the appropriate level class to the dropdown content         element.classList.add(`level-${level}`);          // Find the previous sibling with the class .dwc-sidebar__dropdown-toggle         const previousToggle = element.previousElementSibling;          // Check if the previous sibling is a dropdown toggle and assign the level class         if (previousToggle && previousToggle.classList.contains('dwc-sidebar__dropdown-toggle')) {             previousToggle.classList.add(`level-${level}`);         }     }); }        // CURRENT MENU ITEM ****************       // Get the current page address without trailing slash     var currentPage = window.location.pathname.replace(/\/$/, '');      for (var i = 0; i < menuLinks.length; i++) {         var link = menuLinks[i];          // Extract the pathname from the link's href attribute without trailing slash         var linkPathname = link.href.replace(window.location.origin, '').replace(/\/$/, '');          // Check if the pathname matches the current page         if (linkPathname === currentPage) {             // Add the class 'dwc-current-menu-item' to the matching link             link.classList.add("dwc-current-menu-item");              // Break out of the loop since we found the matching link             break;         } else {             // Skip to the next iteration if the link doesn't match             continue;         }     }      setTimeout(function () {          if (enableCollapsibleSidebar && (collapseOnPageLoad || savedState === 'true')) { return }          const currentDropDownLink = document.querySelector('.dwc-current-menu-item.dwc-nav__link__text');         if (currentDropDownLink) {             const parent = currentDropDownLink.closest('.dwc-sidebar__dropdown-content');             if (parent) {                 const toggle = parent.previousElementSibling.querySelector('button');                 if (toggle) {                     toggle.click();                 }             }             setTimeout(function () {                 currentDropDownLink.scrollIntoView({ behavior: 'smooth', block: 'nearest' });                 //console.log(currentDropDownLink);             }, 500);         }     }, 2000);       // CURRENT MENU ENDS **********      // CURRENT MENU CHECK - we'll be using this to determine if to reset panels on navTrigger click or not     var hasCurrentMenu = Array.from(document.querySelectorAll(".dwc-sidebar__nav__link.dwc-current-menu-item")).some(function (link) {         var parentPanel = link.closest(".dwc-sidebar__nav__panel");         return !parentPanel || !parentPanel.classList.contains("dwc-sidebar__nav__panel--home");     });      // CURRENT CHECK ENDS *********************       const goHome = () => select('.dwc-sidebar__nav__panel').forEach(nPanel => {         nPanel.classList.remove('dwc-slide-left');          if (!nPanel.classList.contains('dwc-sidebar__nav__panel--home')) {             nPanel.classList.add('dwc-slide-right');             nPanel.inert = true;         } else {             nPanel.inert = false;             if (header && !mq.matches) {                 header.setAttribute('tabindex', 0);                 header.focus()             }         }         select('.dwc-sidebar__nav__btn:not(.dwc-nav__back-btn)').forEach(sbtn => {             sbtn.setAttribute('aria-expanded', 'false');         })         mobileMenuIsClosed()         window.addEventListener("resize", mobileMenuIsClosed);     });     select('.dwc-nav__home-btn').forEach(hbtn => hbtn.addEventListener('click', goHome));       nav.addEventListener('keydown', event => {         if (nav.contains(event.target)) {             if (event.key === 'Escape') {                 if (body.classList.contains('dwc-slide-nav-open')) {                      if (navTrigger) {                         navTrigger.click()                         navTrigger.focus()                     }                     goHome();                  } else {                     goHome();                 }             }         }     });      // for Bricks      const offCanvasBackdrop = document.querySelector('.brx-offcanvas-backdrop');     isBricks = body.classList.contains('bricks-is-frontend')      if (isBricks) {          if (offCanvasBackdrop) {             offCanvasBackdrop.addEventListener('click', event => {                 if (body.classList.contains('dwc-slide-nav-open')) {                     navTrigger.click()                     goHome();                     if (navTrigger) {                         navTrigger.focus()                     }                 } else {                     goHome();                 }             });         }     }      //   bricks end        select('.dwc-sidebar__nav__btn:not(.dwc-nav__back-btn)').forEach(sbtn => {         sbtn.setAttribute('aria-expanded', 'false');         sbtn.addEventListener('click', function (e) {             initCollapseContent();             dropdownToggles.forEach((togglebtn) => {                 togglebtn.setAttribute('aria-expanded', 'false');             });             e.preventDefault();             e.stopPropagation();             const targetId = this.getAttribute('data-title');             const targetElement = document.querySelector(`.dwc-sidebar__nav__panel[data-title="${targetId}"]`);             const parentPanel = this.closest('.dwc-sidebar__nav__panel');             targetElement.classList.remove('dwc-slide-right');             targetElement.inert = false;             targetElement.setAttribute('tabindex', 0);             targetElement.focus();             ariaExpanded = !targetElement.classList.contains('dwc-slide-right');             sbtn.setAttribute('aria-expanded', ariaExpanded);             select('.dwc-nav__back-btn').forEach(bbtn => {                 bbtn.addEventListener('click', function (e) {                     ariaExpanded = !targetElement.classList.contains('dwc-slide-right');                     sbtn.setAttribute('aria-expanded', ariaExpanded);                 })             })             if (!parentPanel.classList.contains('dwc-slide-right')) {                 parentPanel.classList.add('dwc-slide-left');                 parentPanel.inert = true;             }              //handle back button data-title and back to feature             let bbtn = targetElement.querySelector('.dwc-nav__back-btn');             bbtnTitle = parentPanel.getAttribute('data-title');             bbtn.setAttribute('data-title', bbtnTitle);             bbtn.setAttribute('aria-label', 'Go back to ' + bbtnTitle + ' menu');             //console.log(bbtnTitle)              if (updateBackText) {                 bbtn.querySelector('.dwc-nav__back__text').textContent = 'back to ' + bbtnTitle;             }          });     })     select('.dwc-nav__back-btn').forEach(bbtn => {         const btnTitle = bbtn.getAttribute('data-title');         bbtn.addEventListener('click', function (e) {             e.preventDefault();             e.stopPropagation();             const returnBtnAttr = this.getAttribute('data-title');             select('[data-title].dwc-sidebar__nav__panel').forEach(returnTarget => {                 if (returnTarget.getAttribute('data-title') === returnBtnAttr) {                     returnTarget.classList.remove('dwc-slide-left');                     returnTarget.inert = false;                     if (returnTarget.classList.contains('dwc-sidebar__nav__panel--home')) {                          if (header) {                             header.setAttribute('tabindex', 0);                             header.focus()                         }                     } else {                         returnTarget.setAttribute('tabindex', 0);                         returnTarget.focus();                     }                     if (returnTarget.classList.contains('dwc-slide-right')) {                         returnTarget.classList.remove('dwc-slide-right');                     }                 }             });             const parentPanel = this.closest('.dwc-sidebar__nav__panel');             parentPanel.classList.add('dwc-slide-right');             parentPanel.inert = true;         });      });     select('.dwc-sidebar__nav__panel').forEach(panel => {         const panelTitle = panel.getAttribute('data-title');         panel.setAttribute('aria-label', panelTitle + ' menu');     });      // mobile trigger     function mobileMenuIsClosed() {         const offCanvasMobileOnly = offCanvasBreakpoint.matches;          if (mq.matches || enableOffCanvas) {             const isNavOpen = body.classList.contains("dwc-slide-nav-open");             navTrigger.setAttribute("aria-expanded", isNavOpen);              //  console.log(isNavOpen);              if (isNavOpen) {                 if (!homePanel.classList.contains('dwc-slide-left')) {                     homePanel.inert = false;                 }             } else if (offCanvasMobileOnly && mq.matches) {                 homePanel.inert = true;  // Direct assignment for closed state             } else {                 homePanel.inert = false;             }         } else {             homePanel.inert = false;         }     }        function setNoScroll() {          let noScrollTimeout;         let clickCount = 1;         let isNavOpen = body.classList.contains('dwc-slide-nav-open');          // Check if 'dwc-slide-nav-open' class is applied         if (isNavOpen) {             body.classList.add('dwc-no-scroll');             clickCount++;         } else {             clickCount = 0;         }         //console.log(clickCount)           // Toggle 'dwc-no-scroll' class on the body if clickCount is odd         if (clickCount == 0) {              // Set a timer to remove 'dwc-no-scroll' class after 0.8 seconds              noScrollTimeout = setTimeout(() => {                 isNavOpen = body.classList.contains('dwc-slide-nav-open');                 // console.log(isNavOpen)                 if (!isNavOpen) {                     body.classList.remove('dwc-no-scroll');                 }             }, 900);          } else {             // If 'dwc-no-scroll' class is removed by clicking again, clear the timeout             clearTimeout(noScrollTimeout);         }     }       if (navTrigger) {         navTrigger.addEventListener("click", function () {             body.classList.toggle("dwc-slide-nav-open");             setNoScroll()             mobileMenuIsClosed()             if (!hasCurrentMenu && !autoCurrentPosition) {                 initCollapseContent()                 goHome();// watch out for this, could be problematic               }             dropdownToggles.forEach((togglebtn) => {                 // togglebtn.setAttribute('aria-expanded', 'false');             });         });     }     if (mobileMenuOverlay) {         mobileMenuOverlay.addEventListener("click", function () {             body.classList.remove("dwc-slide-nav-open");             mobileMenuIsClosed()             setNoScroll()             if (!hasCurrentMenu && !autoCurrentPosition) {                 initCollapseContent()                 goHome()             }         });     }      if (closeBtn) {         closeBtn.addEventListener("click", function () {             body.classList.remove("dwc-slide-nav-open");             mobileMenuIsClosed()             setNoScroll()             navTrigger.focus();             if (!hasCurrentMenu && !autoCurrentPosition) {                 initCollapseContent()                 goHome()             }         });     }      //focus on mobile trigger when menu loses focus     mobileMenuOverlay.addEventListener('focusin', (event) => {         if (event.relatedTarget !== navTrigger) {             navTrigger.focus();         }     });        function updateSidebarPadding() {         if (!enableOffCanvas) {             // const headerHeight = header.clientHeight + 20;             setTimeout(() => {                 const headerHeight = document.querySelector('.dwc-header-inner-wrap').clientHeight + 20;                 // Your code to use headerHeight goes here                   sidebarNavPanels.forEach(function (sidebarNavPanel) {                     sidebarNavPanel.style.paddingTop = headerHeight + "px";                 });                 mobileMenuOverlay.style.marginTop = headerHeight - 20 + "px";             }, 50);         }      }      function resetPadding() {         setTimeout(() => {             sidebarNavPanels.forEach(function (sidebarNavPanel) {                 sidebarNavPanel.style.paddingTop = null;                 mobileMenuOverlay.style.marginTop = null;             });         }, 50);     }      function checkScreenSize() {         if (mq.matches) {             body.classList.add('dwc-mobile');             updateSidebarPadding();             //updateTopPadding()                   } else {             body.classList.remove('dwc-mobile');             resetPadding();             // resetTopPadding()         }     }      // updateTopPadding()      if (calcHeaderHeight) {         checkScreenSize();         window.addEventListener("resize", function () {             resetTopPadding(); // Reset the top padding on resize             updateTopPadding()             checkScreenSize();             mobileMenuIsClosed();         });     }       initInert()        //  *********  DROPDOWN TOGGLE FUNCNTIONALITY *******************       function eCollapseContent(el, btn) {          // Find the closest common ancestor, such as the <li> element         const btnParentLi = btn.closest('li');          dropdownContents.forEach((content) => {             // Find the closest <li> ancestor for the dropdown content             const contentParentLi = content.closest('li');              // Check if the content and the button are at the same level             const isSameLevel = btnParentLi && contentParentLi && btnParentLi.parentElement === contentParentLi.parentElement;              // Check if the content is an ancestor of the dropdown toggle being clicked             const isAncestor = btn && content.contains(btn);              // Collapse the dropdown if it's not an ancestor of the toggle and is on the same level             if (!isAncestor && isSameLevel) {                 content.style.maxHeight = '0';                 content.setAttribute('inert', 'true');                  // Update the aria-expanded attribute of the corresponding toggle button                 const correspondingToggle = content.previousElementSibling.querySelector('button');                  if (correspondingToggle) {                     correspondingToggle.setAttribute('aria-expanded', 'false');                 }              }         });      }       function initCollapseContent(el, btn) {         dropdownContents.forEach((content) => {             content.style.maxHeight = '0';             content.setAttribute('inert', 'true');         });               dropdownToggles.forEach((toggle) => {             toggle.setAttribute('aria-expanded', 'false');         });      }        function collapseContent(el, btn) {          // Find the closest common ancestor, such as the <li> element         const btnParentLi = btn.closest('li');          dropdownContents.forEach((content) => {             // Find the closest <li> ancestor for the dropdown content             const contentParentLi = content.closest('li');              // Check if the content and the button are at the same level             const isSameLevel = btnParentLi && contentParentLi && btnParentLi.parentElement === contentParentLi.parentElement;              // Check if the content is an ancestor of the dropdown toggle being clicked             const isAncestor = btn && content.contains(btn);              // Collapse the dropdown if it's not an ancestor of the toggle and is on the same level             if (!isAncestor && isSameLevel) {                 content.style.maxHeight = '0';                 content.setAttribute('inert', 'true');              }         });      }       // Toggle the ARIA attributes for dropdown buttons     function toggleAriaExpanded(activeToggle) {          // If activeToggle is null, reset all buttons to 'false'         if (activeToggle === null) {             dropdownToggles.forEach((toggle) => {                 toggle.setAttribute('aria-expanded', 'false');             });             return; // Exit the function early since there's nothing else to do         }          dropdownToggles.forEach((toggle) => {             if (toggle === activeToggle) {                 // Toggle the aria-expanded attribute for the clicked button                 const isOpen = toggle.getAttribute('aria-expanded') === 'true';                 toggle.setAttribute('aria-expanded', isOpen ? 'false' : 'true');             } else {                 // Check if the toggle's parent is a sibling to the activeToggle's parent                 const toggleParent = toggle.closest('li');                 const activeToggleParent = activeToggle.closest('li');                 //  console.log('toggle parent', toggleParent)                 // console.log('active toggle parent', activeToggleParent)                  if (toggleParent && activeToggleParent && toggleParent.parentElement === activeToggleParent.parentElement) {                     // Set all other buttons' aria-expanded to false if their parent is a sibling to the activeToggle's parent                     toggle.setAttribute('aria-expanded', 'false');                 }             }         });     }       // Function to adjust the max-height of parent dropdowns when a nested dropdown is opened     function adjustDropdownHeight(dropdownContent) {         // Start with the nearest ancestor that is a dropdown content         let parent = dropdownContent.closest('.dwc-sidebar__dropdown-content');           while (parent) {             // Calculate the cumulative height of all open children             let totalHeight = Array.from(parent.children).reduce((total, child) => {                 // Add the child scrollHeight to the total if it's open                 total += child.scrollHeight;                 return total;             }, 0);              // Move to the next ancestor that is a dropdown content             parent = parent.parentElement.closest('.dwc-sidebar__dropdown-content');             if (parent) {                 parentHeight = parent.scrollHeight;                 // Set the parent's max-height to the total calculated height                 parent.style.maxHeight = `${totalHeight + parentHeight}px`;                 //   console.log('child: ', dropdownContent)                 //   	console.log('parent: ', parent)                 //   console.log(`${totalHeight}px`)                 parent.inert = false;                  // console.log('parent new: ', parent)                  const parentParent = parent.closest('li')                 const toggle = parentParent.querySelector('.dwc-sidebar__dropdown-toggle button')                 toggle.setAttribute('aria-expanded', 'true');             }         }     }      // Initialize dropdowns     function initializeDropdowns() {         if(dropdownToggles){         initCollapseContent();          dropdownToggles.forEach((toggle, index) => {             toggle.setAttribute('aria-expanded', 'false');              const dropdownContent = dropdownContents[index];             const parentDropdown = toggle.closest('.dwc-sidebar__dropdown');             const dropdownLink = parentDropdown.querySelector('.dwc-nav__link__text');                          if(dropdownLink){             toggle.setAttribute('aria-label', `Toggle ${dropdownLink.textContent} dropdown`);             }              toggle.addEventListener('click', function () {                 const isOpen = dropdownContent.style.maxHeight !== '0px';                  collapseContent(dropdownContent, this);                  if (!isOpen) {                     dropdownContent.inert = false;                 }                  toggleAriaExpanded(this);                  if (parentDropdown.contains(this)) {                     dropdownContent.style.maxHeight = isOpen ? '0' : `${dropdownContent.scrollHeight}px`;                      // Only adjust if opening the dropdown                     if (!isOpen) {                         adjustDropdownHeight(dropdownContent);                         //console.log('other child', dropdownContent)                     }                 }             });              toggle.addEventListener('keydown', (event) => {                 closeDropdownOnEscape(event, toggle);             });         });     }     }       // Close dropdowns on Escape key press     function closeDropdownOnEscape(event, el) {         if (event.key === 'Escape' && el.contains(event.target)) {             event.stopPropagation();              if (el.style.maxHeight !== '0px') {                 const button = el.previousElementSibling.querySelector('button');                  if (button) {                     el.style.maxHeight = '0';                     el.inert = true;                     button.focus();                 } else {                     initCollapseContent();                     el.focus();                 }                  toggleAriaExpanded(null); // Reset all buttons to 'false'             }         }     }      // Initialize dropdowns     initializeDropdowns();       dropdownContents.forEach((dropdownContent) => {         // Add event listeners for closing dropdowns on Escape key press         dropdownContent.addEventListener('keydown', (event) => {             closeDropdownOnEscape(event, dropdownContent);         });          // close dropdown on focus lost          if (autoCloseDropdown) {             const links = dropdownContent.querySelectorAll('a.dwc-nav__link__text');              links.forEach(link => {                 const linkParent = link.closest('.dwc-sidebar__dropdown-content');                 const dropDownButton = linkParent.previousElementSibling.querySelector('button')                  link.addEventListener('blur', () => {                       setTimeout(function () {                         if ([...links].every(link => !document.activeElement.isSameNode(link))) {                              eCollapseContent(dropdownContent, dropDownButton)                          }                     }, 50);                 });             });         }     });        // AUTOMATIC MENU POSITION      function autoMenuPosition() {              if (enableCollapsibleSidebar && (collapseOnPageLoad || savedState === 'true')) { return }                // Select the current menu item         const currentMenuItem = document.querySelector('.dwc-current-menu-item');          // Select the parent panel of the current menu item         if (currentMenuItem) {             const parentPanel = currentMenuItem.closest('.dwc-sidebar__nav__panel');             const parentIsHome = parentPanel.classList.contains('dwc-sidebar__nav__panel--home')              // Check if the parent panel has the 'dwc-sidebar__nav__panel--home' class             if (!parentIsHome) {                 // Select the back button in the current menu's parent panel                 const backButton = parentPanel.querySelector('.dwc-nav__back-btn');                  // Remove the class 'dwc-slide-right' from the current menu's parent panel                 parentPanel.classList.remove('dwc-slide-right');                  // Get the data-title attribute of the current menu's parent panel                  // Loop through all panels with class .dwc-sidebar__nav__panel                 const allPanels = document.querySelectorAll('.dwc-sidebar__nav__panel');                  // Select all slide buttons .dwc-sidebar__nav__btn of each panel                 const slideButtons = document.querySelectorAll('.dwc-sidebar__nav__btn:not(.dwc-nav__back-btn)');                  slideButtons.forEach((slideButton) => {                      allPanels.forEach((panel) => {                          // Get the data-title attribute of the panel                         const eachPanelTitle = panel.getAttribute('data-title');                         // Get the back button in each of the panels                         const panelBackButton = panel.querySelector('.dwc-nav__back-btn');                          const slideTitle = slideButton.getAttribute('data-title')                           if (slideTitle === eachPanelTitle) {                             //get slide button parent                             const slideParentPanel = slideButton.closest('.dwc-sidebar__nav__panel');                             //get slide parent titlte attribute                             const slideParentTitle = slideParentPanel.getAttribute('data-title')                             // Set the back button data-title attribute to be equal to the data-title attribute of the slide parent panel                             panelBackButton.setAttribute('data-title', slideParentTitle);                             if(updateBackText){                                 panelBackButton.querySelector('.dwc-nav__back__text').textContent = 'back to ' + slideParentTitle                             }                                                      }                     });                  });                  homePanel.classList.add('dwc-slide-left');             }             if (!parentIsHome) {                 parentPanel.inert = false;                 homePanel.inert = true;             }              repositionReturnTargets()          }     }      if (autoCurrentPosition) {         setTimeout(function () {             autoMenuPosition()         }, 1000);     }       //function to reposition the hidden slides after automatically moving to current menu item panel     // to put them in the right position to slide back to     function repositionReturnTargets() {          const panels = document.querySelectorAll('.dwc-sidebar__nav__panel:not(.dwc-sidebar__nav__panel--home)');         let activePanel;          // Find the first panel without 'dwc-slide-right' and 'dwc-slide-left' classes         for (const panel of panels) {             if (!panel.classList.contains('dwc-slide-right') && !panel.classList.contains('dwc-slide-left')) {                 activePanel = panel;                 break;             }         }          let returnTarget;          while (activePanel) {             //  Get the data-title attribute of each panel             const panelTitles = Array.from(panels).map(panel => panel.getAttribute('data-title'));              //  Select the active back button in the active panel             const activeBackButton = activePanel.querySelector('.dwc-nav__back-btn');              // Find the returnTarget panel             returnTarget = Array.from(panels).find(panel => panel.getAttribute('data-title') === activeBackButton.getAttribute('data-title'));              // Remove and add classes to the returnTarget             if (returnTarget) {                 returnTarget.classList.remove('dwc-slide-right');                 returnTarget.classList.add('dwc-slide-left');             }              // Update activePanel for the next iteration             activePanel = returnTarget;         }     }      // *********AUTOMATIC ENDS************          // **************OFFCANVAS *****************      document.addEventListener('DOMContentLoaded', () => {     if (offCanvasPushContent) {          // Create a new div element with the class "site-wrapper"         var siteWrapper = document.createElement('div');         siteWrapper.className = 'dwc-site-wrapper';         // Move everything within the body tag into the "site-wrapper" div         while (document.body.firstChild) {             siteWrapper.appendChild(document.body.firstChild);         }         // Add the "site-wrapper" div back to the body         document.body.appendChild(siteWrapper);     } })      function offCanvasInit() {          if (enableOffCanvas && offCanvasBreakpoint.matches) {             document.body.classList.add('dwc-offcanvas');             // console.log('offcanvas - 2')              if (offCanvasPushContent) {                 document.body.classList.add('dwc-push-content');                 if (fixedNavTrigger && !mq.matches) {                     document.body.classList.add('dwc-nav-trigger-is-fixed');                 } else {                     document.body.classList.remove('dwc-nav-trigger-is-fixed');                 }              }              // Function to check if header element is focusable             function isFocusable(element) {                 const focusableTags = ['A', 'BUTTON', 'INPUT', 'SELECT', 'TEXTAREA', 'AREA'];                 return (                     focusableTags.includes(element.tagName) ||                     element.hasAttribute('tabindex') ||                     element.hasAttribute('contenteditable')                 );             }               // Function to set inert attribute for focusable elements             function setInertForFocusableElements(inertValue) {                 const allElements = document.querySelectorAll('.dwc-header-inner-wrap *');                 const focusableElements = Array.from(allElements).filter(element => {                     return isFocusable(element) && !element.classList.contains('dwc-nav-trigger');                 });                  focusableElements.forEach(element => {                     if (element) {                         element.inert = inertValue;                     }                 });             }              // Click event listener for the 'nav-trigger'              header.addEventListener('click', function () {                 const isNavOpen = document.body.classList.contains('dwc-slide-nav-open');                  // Check if the body contains the class 'dwc-slide-nav-open'                 if (isNavOpen) {                     // Condition is true, set inert=true                     setInertForFocusableElements(isNavOpen);                 } else {                     // Condition is false, set inert=false                     setInertForFocusableElements(isNavOpen);                 }             });          } else {             document.body.classList.remove('dwc-push-content');             document.body.classList.remove('dwc-offcanvas');         }      }     offCanvasInit()     window.addEventListener("resize", offCanvasInit);       //close offcanvas when haslink is clicked        if (enableOffCanvas) {         const sidebarLinks = document.querySelectorAll('a.dwc-sidebar__nav__link');          // Filter links with hash in the href attribute         const hashLinks = Array.from(sidebarLinks).filter(link => link.getAttribute('href').includes('#'));          // Add click event listener to each hash link         hashLinks.forEach(link => {             link.addEventListener('click', function (event) {                 //   event.preventDefault(); // Prevent the default behavior of the link (e.g., navigating to the hash)                  // Perform a click action on the navTrigger button                  if (navTrigger) {                     navTrigger.click();                 }             });         });     }         // headroom:     // headroom: function initializeHeadroom() {     if (enableHeadroom && (enableOffCanvas || enableTopBar)) {          if (offCanvasPushContent) return; // Early exit if offCanvasPushContent is true          document.body.classList.add('dwc-headroom');         const scrollUp = "scroll-up";         const scrollDown = "scroll-down";         let lastScroll = 0;          // Check for scroll action         window.addEventListener('scroll', () => {             // Hide and reveal header             const currentScroll = window.pageYOffset;             if (currentScroll <= 200) {                 document.body.classList.remove(scrollUp);                 return;             }              if (currentScroll > lastScroll && !document.body.classList.contains(scrollDown)) {                 // Down                 document.body.classList.remove(scrollUp);                 document.body.classList.add(scrollDown);             } else if (currentScroll < lastScroll && document.body.classList.contains(scrollDown)) {                 // Up                 document.body.classList.remove(scrollDown);                 document.body.classList.add(scrollUp);             }             lastScroll = currentScroll;         });     } }  // Call the function to initialize headroom functionality initializeHeadroom();      // End scroll action       //top Padding on first containers      function updateTopPadding() {          // Run the function if offCanvas is enabled or both topBar and headroom are enabled         if (!enableOffCanvas && !(enableTopBar && enableHeadroom)) {             return; // Exit early if neither condition is met         }          // Check if the media query strings for mq and offCanvasBreakpoint are the same         if (mq.media === offCanvasBreakpoint.media) {             // If the breakpoints are the same, run the function only if we're within the breakpoint             if (mq.matches) {                 // Ensure the feature should run based on the configuration flags                 if (calcTopPadding && (enableHeadroom || enableTopBar)) {                     // Check if the sidebar exists                     if (sidebar) {                         const header = document.querySelector('.dwc-header-inner-wrap');                         if (header) {                             const offsetPadding = header.clientHeight;                              // Update padding for each sidebar panel                             sidebarNavPanels.forEach(function (sidebarNavPanel) {                                 sidebarNavPanel.style.paddingTop = offsetPadding + "px";                             });                              // Adjust the top padding for the first child of the main container                             const mainFirstChild = document.querySelector('main')?.firstElementChild;                             if (mainFirstChild) {                                 const initialPadding = parseInt(window.getComputedStyle(mainFirstChild).paddingBottom) || 0;                                 if(!offCanvasPushContent){                                     mainFirstChild.style.paddingTop = (offsetPadding + initialPadding) + 'px';                                   }                             }                         } else {                             console.warn('.dwc-header-inner-wrap not found.');                         }                     } else {                         console.warn('Sidebar not found.');                     }                 }             }         } else {             // If the breakpoints are different, run the function as originally intended             if (calcTopPadding && (enableHeadroom || enableTopBar)) {                 // Check if the sidebar exists                 if (sidebar) {                     const header = document.querySelector('.dwc-header-inner-wrap');                     if (header) {                         const offsetPadding = header.clientHeight;                          // Update padding for each sidebar panel                         sidebarNavPanels.forEach(function (sidebarNavPanel) {                             sidebarNavPanel.style.paddingTop = offsetPadding + "px";                         });                          // Adjust the top padding for the first child of the main container                         const mainFirstChild = document.querySelector('main')?.firstElementChild;                         if (mainFirstChild) {                             const initialPadding = parseInt(window.getComputedStyle(mainFirstChild).paddingBottom) || 0;                             if(!offCanvasPushContent){                                mainFirstChild.style.paddingTop = (offsetPadding + initialPadding) + 'px';                              }                                                      }                     } else {                         console.warn('.dwc-header-inner-wrap not found.');                     }                 } else {                     console.warn('Sidebar not found.');                 }             }         }     }         function resetTopPadding() {         if (calcTopPadding && enableHeadroom) {             sidebarNavPanels.forEach(function (sidebarNavPanel) {                 sidebarNavPanel.style.paddingTop = null;             });              const mainFirstChild = document.querySelector('main').firstElementChild;             if (mainFirstChild) {                 mainFirstChild.style.paddingTop = null;                 // Reset the paddingTop using the stored initialPadding                 const initialPadding = parseInt(window.getComputedStyle(mainFirstChild).paddingBottom);                  mainFirstChild.style.paddingTop = null;             }         }     }      //---top padding end  // Disable / Enable collapse on screen size change let removedByMQ = false;  // Track if the class was removed by the media query  function updateCollapseStatus() {     const currentlyCollapsed = document.body.classList.contains('dwc-collapse-sidebar');  // Check the current state      if (mq.matches) {         // If media query matches (max-width: 1024px), remove the class         if (currentlyCollapsed) {             document.body.classList.remove('dwc-collapse-sidebar');             removedByMQ = true;  // Remember that MQ logic removed the class             saveCollapseStatus();  // Save the updated state after toggling         }     } else {         // If media query doesn't match, only add back if it was removed by this MQ logic         if (removedByMQ) {             document.body.classList.add('dwc-collapse-sidebar');             removedByMQ = false;  // Reset the flag after re-adding             saveCollapseStatus();  // Save the updated state after toggling         }     } }      //Document loaded end   //});   // --- ADD HEADER HEIGHT VARIABLE TO BODY ----  function debounce(func, delay) {     let timeoutId;      return function (...args) {         clearTimeout(timeoutId);         timeoutId = setTimeout(() => {             func.apply(this, args);         }, delay);     }; }  // Your existing code for adding the 'hasHeaderHeight' class function addHeaderHeightClass() {       if (!document.body) {         // Body doesn't exist, keep checking          setTimeout(addHeaderHeightClass, 0);         return;     }      let hasHeaderHeight = document.body.classList.contains('hasHeaderHeight');     let header = document.querySelector('header');      if (!hasHeaderHeight && header) {         // Header exists, add the 'hasHeaderHeight' class         document.body.classList.add('hasHeaderHeight');          // Get the initial header height         updateHeaderHeight();     } else if (!hasHeaderHeight && !header) {         // Header doesn't exist, keep checking          setTimeout(addHeaderHeightClass, 0);     } }  // Function to update header height and set the CSS variable function updateHeaderHeight() {     let sidebar = document.querySelector('.dwc-header-inner-wrap');       if (document.body) {         let headerHeight = sidebar.offsetHeight;         document.body.style.setProperty('--dwc-header-height', `${headerHeight}px`);     } }  // Add the 'hasHeaderHeight' class and set initial header height addHeaderHeightClass();  // Attach the debounced update function to the window resize event  function onResize() {     updateHeaderHeight();     updateCollapseStatus();     // Add more functions here }  window.addEventListener('resize', debounce(onResize, 50)); document.addEventListener('DOMContentLoaded', () => {     updateHeaderHeight();     updateTopPadding() })    // -------HEADER HEIGHT ENDS -------------  // Smooth scroll to hashlink with an offset function smoothScroll(target, offset) {     const targetElement = document.querySelector(target);     if (targetElement) {          const targetPosition = targetElement.getBoundingClientRect().top -             document.body.getBoundingClientRect().top -             offset;         window.scrollTo({             top: targetPosition,             behavior: 'smooth'         });      } }  // Listen for hash link clicks if (offsetHashLinkScroll) {     document.querySelectorAll('a[href^="#"]').forEach(anchor => {         anchor.addEventListener('click', function (e) {             var headerElement = document.querySelector('.dwc-header-inner-wrap');             var offset = headerElement.offsetHeight;             e.preventDefault();             event.stopPropagation();             const href = this.getAttribute('href');             smoothScroll(href, offset);         });     }); }     

Narratieve therapie als een literaire praktijk

door Jan Olthof

Weemoed is een foto van voor 20 jaar.
Familie, nog samen, nog gezond.
Het nu houdt het verleden bij elkaar.

Herman de Coninck (2009)
Uit: ‘Foto’

Inleiding

Narratieve psychotherapie is geen afzonderlijke psychotherapeutische stroming, maar
veeleer een filosofie over de psychotherapeutische praktijk, een wetenschapsopvatting.
Narratief stamt af van het Latijnse woord narrare, hetgeen ‘vertellen’ of ‘verhalen’ betekent.
Narrare heeft echter meerdere betekenissen die minder bekend zijn, zoals: verhalen, in de
zin van schade verhalen, vertellen wat voor schade er is berokkend en hier genoegdoening
voor willen. We kennen ook op verhaal komen en daarmee bedoelen we dat het belangrijk
is om woorden te vinden die nodig zijn om te beschrijven wat er met ons is gebeurd. Een
meer perifere betekenis is een schip een andere ligplaats doen innemen. Psychotherapie
is een praktijk waarbij mensen worden uitgenodigd hun verhaal te vertellen, woorden te
vinden voor niet-vertelde verhalen, voor uitgesloten en gemarginaliseerde verhalen, om
verhalen weer van ver terug te halen naar het hier en nu. Door te vertellen komen we op
verhaal en krijgen we onze kracht weer terug. Dit proces vraagt tijd, zoals een schip een
andere ligplaats doen innemen tijd vraagt.

Een verhaal is een georganiseerd geheel van relaties, samenkomend in een plot en
georganiseerd in de tijd. Een verhaal ordent de werkelijkheid, kent een tijdsverloop, een

Jan Olthof is psychotherapeut, opleider en supervisor systeemtherapie bij de NVRG. Hij is
oprichter van de School voor Systemische Opleidingen in Bunde en was gedurende ruim 25
jaar als consulent behandeling verbonden aan de afdeling Gezinspsychiatrie van Yulius in Barendrecht. Olthof is auteur van een aantal boeken op het gebied van de narratieve psychotherapie.
Binnenkort verschijnt van zijn hand Cruijffiaans denken in de narratieve psychotherapie.
E-mail n info@schoolvoorsystemischeopleidingen.nl

Tijdschrift voor Psychotherapie, 2021, 47(5) – 327

oorzaak, een begin met een vervolg, een oriëntatie en ordening in de tijd naar het verleden
of naar de toekomst.

Narratief denken gaat ervan uit dat de werkelijkheid een vertelde werkelijkheid is, een in
verhaal gebrachte werkelijkheid. Die werkelijkheid bestaat niet zonder ons als verteller.
We vertellen om vertrouwd te raken met de wereld om ons heen, met het vreemde, het
existentiële, het absurde, het pijnlijke. We vertellen over onze verwondering en ontroering.
We vertellen waar we vandaan komen, over onze familie, onze biografie. Over schoonheid,
onze afstamming en over de schepping van de aarde en de mens, de flora en de fauna. We
zijn zoals we vertellen dat we zijn. Dus niet: De mens en zijn verhaal maar De mens als
verhaal (Olthof & Vermetten, 1994).

Mensen hebben altijd verhalen verteld om de wereld begrijpelijk te maken en uit te leggen
aan hun kinderen. Als we geconfronteerd worden met onbegrijpelijke gebeurtenissen
moeten we daarover kunnen vertellen. Om te kunnen vertellen is het nodig dat we, zoals
Kundera schrijft in De kunst van de roman (Kundera, 2002), de verbeelding aan het woord
laten en ‘landschappen (te) betreden die ontoegankelijk zijn voor het rationele denken’ –
hartstocht, liefde, pijn, verlangen, hoop, loyaliteit.

Narratieve psychotherapie laat uitdrukkelijk de verbeelding aan het woord en beweegt zich
tussen wetenschap en kunst enerzijds, en kennis en kunde anderzijds (Olthof, 2012). Kunst,
literatuur, film, poëzie, theater, dans en sport zijn graag geziene gasten in de spreekkamer
van de narratieve psychotherapeut.

De verbeelding helpt om gebeurtenissen in een samenhangend verband te ordenen en zin
en betekenis aan onze ervaringen te geven. Een verhaal ontwikkelen over onszelf geeft ons
een gevoel van coherentie. Slagen we er niet in om een samenhangend verhaal te creëren,
dan worden we overvallen door fragmentatie, desintegratie en zinloosheid. We worden dan
steeds minder een deelnemer aan ons eigen leven en meer een toeschouwer.

Getroffen door traumatische gebeurtenissen zijn de cliënten die bij ons in psychotherapie
komen hun eigen verhaal kwijtgeraakt en toehoorder of lezer geworden van een verhaal
dat door anderen van, voor en over hen wordt gemaakt. Ze vertellen niet meer een
samenhangend verhaal, hooguit steeds hetzelfde verhaal in eenzelfde vorm, versmald en
eensporig. Een verhaal waaraan ze in toenemende mate lijden

Het woord

Het evangelie van Johannes opent met de woorden In den Beginne was het Woord. De
tekst gaat verder: en het Woord was bij God en het Woord was God. Later in het evangelie
zegt Johannes: en het Woord is vlees geworden en heeft onder ons gewoond.

In de Griekse vertaling van het evangelie staat niet: in het begin, maar: in begin. Het
verwijst naar oorsprong, een organiserend principe, vanaf begin, een doorgaan in de tijd. Er
is sprake van een ‘doorlopend begin’, een steeds opnieuw, een nataliteit. Het woord was er
dus altijd al. Het gaat boven het heden, verleden en de toekomst uit. Het bestaat buiten de
tijd. Er was nooit een tijd waarin het Woord niet was. Alle dingen, ook de mensen, zijn van
het Woord afhankelijk; ze zijn zelfs van het woord afkomstig (Nieuwenhuis, 2004).

Tijdschrift voor Psychotherapie, 2021, 47(5) – 328

Het Woord verwijst naar het spreken zelf. Het woord is de scheppende kracht die tot
leven roept, aldus Nieuwenhuis in zijn studie van het evangelie van Johannes. Het Woord
is voortdurend in beweging, blijft niet waar het is. Het woord gebeurt, vindt plaats. En
woont onder ons. Het doet iets beginnen en laat ontstaan. Het schept en herschept de
werkelijkheid. Iets bestaat zoals het-met-zoveel-woorden-gezegd wordt. Precies deze
woorden scheppen en roepen in leven. Zoals iets wordt genoemd en begrepen, zo bestaat
het ook onder ons.

De woorden die gesproken worden, gaan een eigen leven leiden, buiten de mens om die ze
heeft gesproken, en gaan op reis. Ze komen uit de sprekende mens voort en maken zich van
hem of haar los. Zo gaan woorden rond tussen de mensen door de tijd.

De woorden die rondreizen, komen op deze wijze ook de praktijk van de psychotherapie
binnen. Psychotherapie gaat immers via het gesproken woord en daarmee hoort het
tot het domein van de discoursanalyse, de tekstanalyse, de semiotiek en de semantiek.
Woorden maken psychotherapie tot een narratieve praktijk, horend bij een narratieve
wetenschapsopvatting, zoals die ontwikkeld is in de filosofie, de theologie, de sociologie en
de geschiedenis. Zouden psychotherapeuten dan niet eerst en vooral tekst- en taalkundigen
moeten zijn? Misschien wel taalkunstenaars als juist het woord medieert in de praktijk van
de psychotherapie?

En zouden psychotherapeuten misschien ook niet te rade moeten gaan bij de kunstenaars:
de dichters en de schrijvers, de choreografen en de regisseurs, de schilders en de
beeldhouwers? Immers: waar het gesproken woord ontoereikend is, komt de muziek, de
dans, het symbool of icoon als ‘woord’.

Het geheugen van de taal

Woorden vergeten nooit waar ze geweest zijn, aldus de Russische taalkundige Mikhail
Bakhtin (Bakhtin, 1981). Woorden reizen rond, hebben een geschiedenis, worden
gesproken in een taalgemeenschap en krijgen steeds nieuwe betekenissen toegekend. Ze
reizen over het marktplein, door scholen en klaslokalen, door kranten en tijdschriften. Over
het internet. Over sportvelden, door theaters, cafés en restaurants. Door ziekenhuizen en
kerken. En door de spreekkamers van artsen en psychotherapeuten.

Taal bestaat in de dialogische relatie tussen mensen en krijgt haar betekenis in de zich
voortdurend ontwikkelende context en intermediaire ruimte. In dialoog staan creëert
taalgenres en taalregisters, die Wittgenstein Taalspelen noemt (Wittgenstein, 2002). Zo
is er het taaldomein van de wetenschap, de sport, de journalistiek, de markt, de politiek.
Woorden verblijven in deze gemeenschappelijke ruimtes, ze wonen niet in het systeem van
de taal, maar in de dialogische tussenruimte.

Bakhtin spreekt over het geheugen van de taal, de herinnering en de historiciteit van
de woorden. Woorden hebben op verschillende plaatsen en in verschillende contexten
verschillende betekenissen gehad. Al deze betekenissen zijn opgeslagen in de archeologie
van het woord. Ze zijn de ‘rum in de rumboon’, om met Toon Hermans te spreken.

Tijdschrift voor Psychotherapie, 2021, 47(5) – 329

Woorden krijgen als taaluiting pas hun unieke betekenis in een context van dialoog met
de ander en deze betekenis wordt weer opgenomen in het geheugen van de woorden en zo
reizen de woorden weer verder.

Woorden hebben ook een betekenisinhoud die in verschillende situaties, contexten en
tijden ongeveer hetzelfde blijft, deze staat in onze woordenboeken: de monologische
opvatting. Uit deze betekenisinhoud en alle meervoudige betekenissen die het woord in de
geschiedenis van het woord heeft meegekregen, wordt een selectie gemaakt voor wat het
woord hier en nu zal gaan betekenen in de dialoog met de ander. In de interactie kan het
ook een nieuwe betekenis krijgen.

In de ontmoeting van de psychotherapeut en de cliënt is er een groot veld van mogelijke
betekenissen die aan de tekst van de cliënt kunnen worden gegeven en in de dialoog
wordt de betekenisruimte begrensd en krijgt deze haar unieke vorm. De filosoof Paul van
Tongeren spreekt in dit verband over ‘het wonder van betekenis’: “Menselijk bestaan is
altijd betekenis verstaan” (Van Tongeren, 2021, p. 25).

De betekenisgeving van woorden, zinnen en verhalen wordt ook wel aangeduid met het
concept ‘memen’, een begrip dat door de bioloog Dawkins is geïntroduceerd in zijn boek
The selfish gene (Dawkins, 2016). Later heeft Dennett dit begrip uitgewerkt (Dennett,
2018; Scheepers, 2021). Het begrip is een contaminatie van memory (geheugen) en
mimesis (nabootsing). Waar een gen de biologische eenheid is van de evolutie is een meme
een zichzelf vermeerderende eenheid van de culturele evolutie. Het is een besmettelijk
informatiepatroon dat zich verspreidt en vermeerdert in sociale netwerken. Memen
gedragen zich op een gelijksoortige manier als genen. Ze zorgen voor overerving en worden
van individu op individu doorgegeven in de tijd. Ze blijven bestaan, al dan niet ‘slapend’.
Spreekwoorden en gezegdes, metaforen, woorden en betekenissen, herkenningsmelodieën
en ideeën worden doorgegeven en opgeslagen in het ‘geheugen’ van het woord. Ze komen
bij existentiële gebeurtenissen opeens uit de achtergrond naar voren, opnieuw tot leven
gewekt in de taal van het emotionele, betekenisvolle moment. Ze krijgen dan een betekenis
voor deze persoon in deze situatie met dit existentiële probleem. De therapeut weet dus niet
wat de woorden nu in deze context betekenen voor zijn of haar cliënt.

Narratieve psychotherapie

Narratieve psychotherapie kent een houding van actief niet-weten wat de woorden
betekenen. De tekst van de cliënt wordt bevraagd en een semantische speelruimte
binnengebracht, in de wetenschap dat er vele betekenissen gegeven kunnen worden aan
de woorden en de tekst op vele manieren geïnterpreteerd kan worden. Er is, om met
de filosoof Jacques Derrida te spreken, altijd een gat in de interpretatie: deze kan nooit
definitief worden gegeven (Derrida, 1995). Betekenissen kunnen altijd gedeconstrueerd
worden. Het gaat de narratieve therapeut om het dialogisch begrijpen en dat wil zeggen dat
het niet de taak van de psychotherapeut is om de tekst van de cliënt te ontsluiten en hem de
ware betekenis te geven. Veeleer gaan therapeut en cliënt samen op zoek naar de betekenis
en de interpretatie. De cliënt is een actieve betekenisgever.

Tijdschrift voor Psychotherapie, 2021, 47(5) – 330

De tekst van de cliënten wordt beschouwd als een polyfone roman, een meerstemmige
tekst, een pluri-interpretabele tekst, waarbij de ‘alwetende’ auteur een stap achteruit zet.
De dichter Herman de Coninck zegt het mooier:

Maar ik hou eigenlijk nog meer
Van een groep woorden die zich samen
Plotseling bijzonder intiem gaan voelen…
En zeggen: laat ons nou maar altijd
Bij elkaar, er hoeft er geen meer bij te komen

Of:
Zoals Witte Veder zijn oor op de aarde kon leggen(..) zo luister ik aan taal om te
weten welke betekenis het straks weer voor het zeggen zal hebben
(Kristien Hemmerechts, 1998)

De semantische speelruimte

De systeemtherapeut Steve De Shazer schrijft in zijn boek Words were originally magic (De
Shazer, 1994) dat woorden een dominante betekenis hebben die we allemaal wel kennen of
in het woordenboek kunnen opzoeken. Daarnaast hebben woorden perifere betekenissen
die in de loop van de tijd in de marge zijn verdwenen. Deze betekenissen staan in het
woordenboek dan onder de Romeinse letters II of III, of soms ook wel IV en V. Ook zijn
er associatieve betekenissen. Deze horen niet bij de betekenis van het woord, maar zijn op
een associatieve, veelal onbewuste manier met het woord verbonden. Deze betekenissen bij
elkaar vormen dan de semantische speelruimte. Deze speelruimte is de ‘literaire’ ruimte van
de psychotherapeutische praktijk.

Een voorbeeld

In een gezin van ouders met drie jonge kinderen zijn er heftige ruzies. Vader en moeder
verschillen sterk in hun wijze van opvoeden. Er is weinig sturing in het gezin. Alle kinderen
hebben gedragsproblemen en diverse symptomen van angst.

Op een bepaald moment riep vader vertwijfeld uit: “Iemand moet toch handhaven.”
Vervolgens beklaagde hij zich dat er geen gezag was in het gezin, dat de kinderen deden
wat ze wilden en zijn vrouw ertussen sprong als hij wilde optreden.

De therapeut koos ervoor om de betekenis van het woord ‘handhaven’ met het gezin te
onderzoeken. Als eerste betekenis geeft het etymologisch woordenboek: in stand houden.
Andere betekenissen zijn: tot handvat maken, de hand slaan aan. Daarnaast vinden we nog
de betekenissen: vastpakken en beschermen. De therapeut schrijft al deze betekenissen op
een groot papier.

Tijdschrift voor Psychotherapie, 2021, 47(5) – 331

Naast de dominante en perifere betekenissen kunnen we ook naar de associatieve
betekenissen kijken en bijvoorbeeld een woord opsplitsen: hand-haven. Er ontstaat dan een
veelheid van betekenislijnen, de ‘vluchtlijnen’ uit een dominant discours, zoals de filosoof
Gilles Deleuze dat noemt (Deleuze & Guattari, 1998).

Een haven is een thuis en is verbonden met thuiskomen, thuis zijn. Een haven waar men
naar terugkeert, zoals de vissersboten doen na de vangst, of een haven van waaruit men
vertrekt. Als handhaven ‘in stand houden’ betekent alsmede ’beschermen’, kunnen we
ook anders luisteren en horen dat vader wellicht ook wil zeggen: Ik wil mijn thuishaven
beschermen. Ik wil onze thuishaven in stand houden en als dat thuis wordt bedreigd, moet
ik misschien degene die dat thuis bedreigt vastpakken. Dan wil ik ‘de hand slaan aan’. Als
mijn vrouw er echter tussen springt wil zij mij misschien zeggen: ‘op deze manier is het
geen veilig thuis’.

Als ik wil handhaven, wil ik ook tot ‘handvat maken’. Misschien missen wij handvatten om
ons veilig thuis te handhaven? Misschien moet ik niet ‘vast-pakken’ en ‘de hand slaan aan’,
maar ‘mijn hand geven’. Ooit hebben wij elkaar de hand gegeven, het ja-woord gegeven,
waar is dat ja-woord gebleven? Er is zoveel ‘nee’ gekomen. Hoe zouden wij samen ons veilig
thuis kunnen beschermen? Het woord have kennen we van het spreekwoord ‘have en goed’
en betekent’ bezit’ en ‘kostbaar goed’.

We kennen ook het werkwoord ‘gehavend zijn’. Er is duidelijk sprake van een gehavend
gezin, gehavende relaties tussen vader en moeder en tussen de ouders en de kinderen. Toch
zit in het woord ‘gehavend zijn’ ook het woord ‘haven ’dat juist zo’n positieve betekenis
heeft, een betekenis die meer veiligheid introduceert. Helpende vragen kunnen dan zijn:
Hoe zijn jullie gehavend geraakt? Hoe zijn jullie je veilige haven verloren? Hoe zouden we
samen voor jullie weer een veilige haven kunnen vinden en wat moet onze koers dan zijn?

In de semantische speelruimte waarin verder dan de vaste betekenissen wordt gekeken,
kunnen alle gezinsleden hun plek vinden. Ze zijn eigenaar van hun taal en betekenis.
Het woord ‘handhaven’ komt uit henzelf en heeft een eigen idiosyncratische betekenis.
Ouders en kinderen nemen als volwaardige deelnemers deel aan deze zoektocht en hebben
er plezier in. Het probleem is afgehaald van vader als ‘handhaver’ en van moeder als
‘tussenspringer ’of van de kinderen als symptoomdragers.

De gezinsleden geven zelf de betekenis aan de woorden. Zij zijn de uiteindelijke
betekenisgever en beslissen ‘welke betekenis het voor het zeggen gaat hebben.’ (Olthof,
2021; in press).

Hoogleraar sociale wetenschappen Christien Brinkgreve en haar medeauteurs zetten
‘zoektaal’ tegenover ‘weettaal’, een taal die vastzet en vaste betekenis geeft aan de woorden
van de cliënten. De taal van de narratieve psychotherapie is ‘zoektaal’ (Brinkgreve, Koene
& Bloemink, 2020). Diagnostische taal is weettaal en reduceert de complexiteit van het
verhaal van de cliënt tot een vaststaande betekenis die door anderen dan de cliënt zelf
wordt bepaald; het reduceert een rijk verhaal tot een versmald verhaal. Vaak nemen cliënten
onbewust de taal van de therapeut over. In narratieve psychotherapie wordt nadrukkelijk de
taal van cliënten gesproken.

Tijdschrift voor Psychotherapie, 2021, 47(5) – 332

De derde ruimte

Rijke verhalen ontstaan in de zogenaamde derde ruimte (Olthof, 2012). Als we de
ontmoeting tussen de therapeut en de cliënt de eerste en de tweede ruimte noemen, helpt
een gezamenlijke oriëntatie op een tekst, een beeld, een gedicht of een metafoor om een
zogenaamde derde, intermediaire ruimte te laten ontstaan. De cliënt of cliënten en de
therapeut richten zich als deskundigen in een samenwerkingsrelatie op ‘het derde’. Dat
kan zijn een symbool of een voorwerp, een zin of een woord. Via het derde ontstaat er een
ruimte om nieuwe betekenissen te genereren. Het derde ontstaat uit de ontmoeting, uit de
dialoog. Als alleen de eerste en de tweede ruimte worden benut, wordt er veelal gesproken
in een probleemdiscours, een dominant vertoog, bepaald door het probleem. Er is dan veelal
weinig ruimte voor verandering. Het taaldomein waarbinnen het probleem wordt verwoord
blijft in stand en de therapeut loopt het risico deel van het probleem te worden als hij
dezelfde taal gebruikt. De derde ruimte maakt een nieuwe wijze van spreken mogelijk. Drie
is de eenheid van analyse in de systemische ordening, de triade de eenheid van analyse in de
gezinstherapie. De narratieve therapie is binnen het domein van de gezinstherapie ontstaan.
Ook bijvoorbeeld in de wereld van voetbal leert Cruijff ons dat je altijd driehoeken moet
maken (P. Winsemius, 2004; J. Olthof, 2021, in press). De driehoek creëert ruimte, omdat
er dan altijd twee afspeelmogelijkheden zijn. Er is steeds een vrijlopende derde man. In de
narratieve psychotherapie ontstaat de driehoek als er een derde ruimte is gecreëerd door het
externaliseren van het probleem.

Centrum voor dagbehandeling voor kinderen en adolescenten

Op een dagbehandelingscentrum voor kinderen tussen zes en twaalf jaar worden kinderen
behandeld uit gezinnen met ernstige problematiek. De gezinnen worden bij de behandeling
betrokken. Veel problematiek bij de kinderen is gemeenschappelijk: een scheiding van de
ouders, nieuw-samengestelde gezinnen, afwezigheid van een biologische vader, huiselijk
geweld, armoede, werkeloosheid en alcoholisme in het gezin; een depressieve vader of
moeder. De kinderen lopen rond met veel geheimen, maar kunnen daar niet over spreken.
Ook niet met elkaar.

Er wordt besloten op zoek te gaan naar een grotere ruimte van spreken, een ruimte waar
de kinderen de verhalen die ze zo moeilijk kunnen vertellen naartoe kunnen brengen.
Deze ruimte moet hen een kader aanbieden waarbinnen ze kunnen reflecteren op hun
gezinssituatie, op hun gedrag en op elkaar. Deze narratieve ruimte wordt voor de kinderen
gecreëerd door middel van het aanbieden van een raamvertelling waarbinnen ze ieder op
een eigen manier zouden kunnen deelnemen.

Tijdschrift voor Psychotherapie, 2021, 47(5) – 333

Flip en Filipien

Het verhaal gaat over de spinnen Flip en Filipien en wordt de kinderen aangeboden door
middel van een brief die door de groepsleiding werd voorgelezen. De groepsleiding had
het verhaal zelf geschreven, afgestemd op de kinderen die op dat moment in behandeling
waren.

Beste kinderen van het dagcentrum,
Hallo, wij zijn Flip en Filipien, de spinnen van jullie centrum.
We zijn hier pas een paar maanden geleden aangekomen en hebben een lange
reis afgelegd. Sommigen van jullie hebben ons al wel eens gezien.
We hebben ons gedurende deze maanden zoveel mogelijk verborgen gehouden.
Vanuit het donkere hoekje rechts boven de grote plant hebben we naar jullie
gekeken. We kunnen wel zeggen dat jullie er af en toe een zooitje van maken, zeg!
Meestal is het echter erg gezellig bij jullie. Nu vragen jullie je natuurlijk af waarom
wij spinnen hier nu zijn, juist bij jullie. Dat zit zo. Wij spinnen bestaan al honderden,
ja duizenden jaren. We zijn geboren in spinnenland, Web geheten. Alle spinnen
worden daar geboren, groeien er op en gaan naar school. Op school leren we
van alles wat een volwassen spin moet weten, zoals: hoe maak je een web? Hoe
vang je vliegen? We krijgen te horen dat mensen bang van ons zijn, ons akelig en
griezelig vinden. Wij weten echter niet hoe dat komt. We worden ook voorbereid op
wat mensen doen als ze schrik voor ons hebben. We hebben daar veel griezelfilms
over gezien. Moet je je voorstellen: zit je daar als spin nietsvermoedend in je web
boven een bedlampje en ineens, ja, het is te gruwelijk voor woorden, maar jullie
kunnen je wel voorstellen dat wij spinnen niet opgewassen zijn tegen schoenmaat
43! En, jongens… mannen zijn net zo vaak bang voor ons!

Toen we dat dus allemaal leerden en in films zagen gebeuren, hadden we
helemaal geen zin om uit Web weg te gaan. Dat zullen jullie wel begrijpen. Helaas
had onze koning Tarantella de 2e heel andere plannen met ons. Hij wees ons en
nog 98 andere spinnen aan om naar mensenland te gaan om daar iets te doen
aan ons slechte imago. Onze koning wilde dat wij de mensen zouden laten zien
dat wij helemaal niet eng, gek of gevaarlijk zijn en er helemaal geen reden is om
ons tot moes te slaan. Nou, we kunnen jullie wel vertellen dat wij het helemaal
niet zagen zitten om naar Mensenland te worden gestuurd. Aan de andere kant
vonden we het ook wel een grote eer dat onze koning ons had uitgekozen. We
zouden dus gaan en voor ons vertrek kregen we nog een spoedcursus ‘Hoe
start ik een fanclub’?’ en een cursus zelfverdediging, en toen werden we op
weg gestuurd. De bestemming van onze reis zou Nederland worden. We namen
afscheid van onze spinnenfamilie en spinnenvrienden en toen gingen we met de

Tijdschrift voor Psychotherapie, 2021, 47(5) – 334

bibber in onze knietjes – dat zijn er acht dus dat rammelt nogal – op weg. Eerst
gingen we naar Amsterdam, vervolgens naar Utrecht en daar kwamen we onze
neef Anton tegen. Hij was jaren geleden uit Web vertrokken en we hadden nooit
meer iets van hem gehoord. Hij vertelde ons gruwelijke verhalen. Hij had me toch
wat meegemaakt. Ontelbare keren was zijn huis verwoest, alleen al door al het
poetsen van de mensen. Talloze aanslagen met vliegenmeppers, schoenen en
kussens had hij overleefd. Hij gaf ons jullie adres in het Zuiden. Hier zou het over
het algemeen rustiger zijn, behalve doordeweeks tussen 3 en 7. Verder zou het
hier best rommelig zijn en er zou niet zoveel gepoetst worden. Ja, het zou hier een
spinvriendelijk huis zijn. We zijn hier inmiddels een paar maanden bij jullie en het
bevalt ons goed. We zijn van plan om te blijven. Jullie hebben ons ook zo aardig
ontvangen. Bovendien slaan jullie ons niet. Wel elkaar! Jullie geven ons zelfs te eten.
Het is hier ideaal om met onze opdracht te beginnen, weet je nog: het verbeteren
van de relatie tussen mens en spin en het verbeteren van het imago van de
spin. We gaan daarom allereerst het menselijk gedrag bestuderen: wat vinden
mensenkinderen leuk, eng, grappig en verdrietig? De resultaten van ons onderzoek
sturen we op naar koning Tarantella, maar we zullen jullie ook op de hoogte
houden. Jullie zullen ons alleen niet zo vaak zien. Gezien jullie luidruchtig gedrag
en jullie vele stoeipartijen kunnen we ons dat niet veroorloven. Jullie weten, we zijn
maar klein. We zullen jullie wel vaak schrijven en we vinden het leuk om van jullie
post te ontvangen.

Als jullie ons dus iets willen vragen of ons iets willen vertellen doe dat dan gerust
en leg de brieven maar achter de groene plant.
Wij komen ’s nachts tevoorschijn en zullen de brieven dan ophalen.
Wij hopen op een leuke, gezellige en leerzame tijd samen en vooral op vriendschap
tussen mens en spin.
Vriendelijke groeten van Flip en Filipien

Nadat de brief door de groepsleiding aan de kinderen was voorgelezen, volgden er
enthousiaste reacties. Vol vuur gingen de kinderen mee in het kader van de raamvertelling.
Vanaf dat moment vormden de spinnen een wezenlijk onderdeel van het dagelijks
leven op het centrum. Nieuwe kinderen werden spontaan op de hoogte gebracht van
de aanwezigheid van Flip en Filipien. Nooit werd een poging gedaan om de spinnen te
ontmaskeren. De magie werd intact gehouden, zoals kinderen dat doen.

Vanaf het moment dat de spinnen werden geïntroduceerd, hebben de kinderen met brieven
gereageerd. Ze schreven over hun verdriet, hun pijn, hun geheimen en hun thuissituatie. De
inhoud van de brieven bleef geheim. Ze werden beantwoord door ‘Flip en Filipien’ en zo
was er een therapeutische ruimte gecreëerd die er eerder niet was, een narratieve ruimte.

Tijdschrift voor Psychotherapie, 2021, 47(5) – 335

De brieven werden door de kinderen in de brievenbus in de hoek bij de groene plant
gedeponeerd, dit werd openlijk gedaan en alle kinderen deden eraan mee. De groepsleiding
reageerde altijd op ieder kind persoonlijk met een brief en dat was voor de kinderen een
heus cadeau. Ze vroegen elkaar niet wat er in brieven stond. De wereld van de brieven was
voor alle kinderen een beschermde, vrije ruimte die door allen werd gerespecteerd.

Aan het eind van de week schreef de groepsleiding een brief namens Flip en Filipien aan de
hele groep om als een Grieks koor te reflecteren op gedrag, de ontwikkeling van eenieder en
de omgang met elkaar en de thema’s waar ze als groep mee worstelden. Het groepsklimaat
verbeterde spectaculair door deze gemeenschappelijke narratieve ruimte. Deze zorgvuldig
opgebouwde ruimte bleek ongekende mogelijkheden te bieden om solidariteit te
stimuleren, individueel problematisch gedrag aan elkaar uit te leggen, de thuissituatie te
bespreken en om elkaars hulp te vragen. Individuele hulp aan de kinderen kreeg via de
brieven meer diepgang.

De groepsleiding kon werken vanuit een houding van actief niet-weten. Immers de spinnen
zijn er om het menselijk gedrag te bestuderen en kunnen vragen stellen die geen vooraf
opgelegde codes en betekenisgeving kenden. Zo schreef Freek als eerste: mijn papa zit in
de gevangenis. Groetjes van Freek. Flip en Filipien konden vragen: wat is een gevangenis?
Daarop kon Freek vrijuit vertellen.

Voor een verdere beschrijving en voorbeelden van brieven verwijs ik naar het Handboek
Narratieve Psychotherapie (Olthof, 2012).

Externaliseren van het probleem

De narratieve ruimte kennen we in de narratieve psychotherapie ook in het zogenaamde
externaliseren van het probleem (White & Epston, 1990).

In een probleemdiscours valt de cliënt als het ware samen met het probleem; het probleem
is de identiteit geworden. Bij het externaliseren wordt het probleem losgemaakt van de
identiteit van de persoon. Het dominante verhaal over de persoon als probleemdrager
wordt verruimd en verrijkt. Er ontstaat ruimte om andere verhalen te vertellen dan alleen
die verhalen die verzadigd zijn met het probleem. Het gaat dan om momenten dat het
probleem niet aanwezig is, om uitzonderingen, om kwaliteiten. Het probleem krijgt een
naam, een eigen identiteit, wordt een vertelinstantie, een personage. Het heeft een relatie
met de persoon, een wordingsgeschiedenis en een doel. Het wil beschermen, behoeden,
vergeten of niet-vertelde verhalen naar voren brengen; een bijdrage leveren aan het grotere
geheel. Er ontstaat een context van samenwerking rondom het probleem. Het externaliseren
ontstaat in een therapeutische conversatie waarin getracht wordt de persoon, taalkundig, te
bevrijden van de probleemidentiteit.

Een voorbeeld

Zo maakte Jenny, zes jaar jong, thuis een enorme troep. Niet zomaar troep, een beetje
rommel maken, nee, ze maakte echt werk van haar probleem. Ze strooide waspoeder door

Tijdschrift voor Psychotherapie, 2021, 47(5) – 336

het huis, plakte ijspapiertjes bij voorkeur onder de kussens van de nieuwe bank. Ze smeerde
tandpasta op het ondergoed van moeder. Ze plaste op verschillende plekken in huis en
smeerde de wc onder de poep en had er plezier in om met modderschoenen over de door
moeder pas gedweilde vloer te lopen. Haar ouders werden gek van haar en begonnen een
haat tegen haar te ontwikkelen. Ze deed het er immers om. Als Jenny aangesproken werd
op haar gedrag keek ze met ogen vol onschuld en zei geen weet te hebben wat ze gedaan
had. Steeds opnieuw beloofde ze beterschap.

Aan de therapeut op het dagcentrum vertrouwde ze toe dat ze de drang niet kon weerstaan:
“Ik moet dat doen.” Bij het zoeken van een naam voor het probleem kwam ze met haar
therapeut uit op ‘Zwijntje’. Een goede naam, want de naam verwijst enerzijds naar een
knuffeldier en anderzijds naar een modderstal. En Jenny was nog maar zes jaar.

Zwijntje krijgt een menselijke gedaante, een eigen doel en een strategie. Het probleem
heeft een oorsprong en is ooit ergens goed voor geweest, was ooit een helpende oplossing.
Jenny vertelt dan dat Zwijntje in haar leven was gekomen toen ze drie jaar en heel erg
verdrietig was. Ze weet niet meer waarom, maar ineens had hij in haar oor gefluisterd dat ze
troep moest maken. We lieten haar een compilatie van de film Drop Dead Fred zien die gaat
over het zogenaamde imaginary friend syndrome. De hoofdpersoon in de film, ook een jong
meisje, is erg ongelukkig thuis en boos op haar ouders en heeft een vriendje dat ze zelf wel
kan zien en horen, maar de buitenwereld niet. Het vriendje, Fred, vertolkt de boosheid op
de ouders en bedenkt allerlei plannen om hen dwars te zitten. En het meisje weet van niets,
doet niets en is de onschuld zelve.

Zo vertolkte Zwijntje ook veel boosheid op de ouders. Bij het zien van de film kon ze
hierover vertellen. Her identiteit was nu niet langer meer die van een troepmaakster en een
nare dwarsligger voor haar ouders. Er ontstond een driehoek tussen Zwijntje, de therapeut
en Jenny. En een driehoek tussen Zwijntje, Jenny en haar ouders. Het werd mogelijk om de
beweegredenen van Zwijntje te onderzoeken, zijn wordingsgeschiedenis en zijn momenten
van optreden. Jenny begon te tekenen en samen met haar therapeut brieven te schrijven aan
Zwijntje. Zo kon het tot dan toe uitgesloten verhaal over haar derde levensjaar geleidelijk
aan verteld worden. Er was een narratieve ruimte ontstaan. Zwijntje bleek strategieën te
hebben: te fluisteren, te verleiden, te overreden.

Als de persoon niet langer het probleem is, maar het probleem het probleem, dan kan de
relatie van de persoon met het probleem veranderen.

Jenny maakte een boek met daarin de verhalen van Zwijntje. Doordat Zwijntje vertelde,
kon Jenny thuis veranderen. Haar probleem werd anders gedocumenteerd.

Ook de ouders keken met Jenny en haar therapeut naar de compilatie van de film en dit
hielp hen om anders naar het gedrag van hun dochter te kijken. Jenny schreef met behulp
van de therapeut een brief aan haar ouders:

Ik ben Jenny. Nu ben ik blij, maar soms ben ik heel boos. Mama gaat vaak op mij schelden.
Ik moet dan naar boven, maar dan luister ik niet.
Papa ging vroeger heel vaak naar het café. Hij ging dan veel biertjes drinken. Als papa
thuiskwam deed hij net of hij moe was en papa en mama kregen dan erge ruzie. Ze gingen
dan heel hard schelden. Ik werd dan bang en rende snel naar de buren, want daar kon ik
rustig spelen. Mama en ik waren bang dat er erge dingen zouden gebeuren.

Tijdschrift voor Psychotherapie, 2021, 47(5) – 337

Papa en mama kregen vroeger veel ruzie, omdat Jenny troep maakte. Ze gingen dan katten
tegen elkaar.
Ik maakte altijd troep omdat ik boos was op papa en mama, want ze maakten altijd ruzie.
Dat vond ik niet leuk. Ik was heel verdrietig en moest huilen, omdat papa veel weg was.
Ik zette alles overhoop. Ik maakte veel troep. Papa kon er niet tegen en ging daarom weg.
Mama bleef dan alleen achter en moest alle troep opruimen. Dat was heel veel werk. Als ze
klaar was kon ze weer opnieuw beginnen, want ik zorgde weer voor nieuwe troep. Dat vond
ik leuk. Ik vond het fijn om haar te pesten. Ik was boos op haar, omdat mama niet thuis
was toen ik een keer wakker schrok. Ik rende naar de buren, was bang en voelde me alleen.
Gelukkig was ze daar.
Toen ik klein was kon ik ’s avonds niet slapen. Ik was bang. Ik had nare dromen. Die gingen
meestal over dat papa naar het politiebureau moest of dat de politie achter ons aan kwam
en we allemaal in de gevangenis moesten.
Nu heb ik minder ruzie met mama en mag ik later naar bed. We kijken samen naar de tv.
Soms komen er ook collega’s van mama en dan gaan ze kaarten. We hebben minder ruzie
thuis. Ik mis mama wel als ze ’s avonds moet werken, maar ik vind het ook leuk voor haar.
Ze komt nu ook eens ergens en kan geld verdienen. En het is goed geregeld en papa kan
dan oppassen.

Ouders en dochter werden op deze manier deelnemers aan het therapieproces en de
verantwoordelijkheid om te veranderen kwam nu niet alleen meer bij het meisje te liggen.
Er bleek nog veel meer te spelen in het gezin en dat kon nu aan de orde komen.

Tot slot

Narratieve psychotherapie is een therapie van relaties: relaties tussen de stemmen binnen
een persoon, de ‘polyfonie van het innerlijk’ zoals het werk van Pessoa door Christiaan
Weijts in zijn nawoord bij de Gedichten van Pessoa wordt genoemd (Pessoa & Willemsen,
2010), relaties tussen partners, gezins- en familieleden, relaties tussen de persoon, de buurt,
vrienden, relatie tussen het zelf en het lichaam.

De wereld van relaties is de wereld van het verhaal. Narratieve psychotherapie zoekt de
verbinding met de ruimere context, is een uitwisseling van verhalen en schept een nieuw
verhaal. Dat maakt de narratieve psychotherapie tot een literaire praktijk. Niet omdat er
sprake is van literatuur, maar omdat er uitgegaan wordt van de tekst van de cliënt en zijn
of haar taal wordt gesproken. Er wordt gewerkt vanuit een houding van niet-weten wat de
tekst betekent en gezocht naar rijkere verhalen over de persoon dan die door het probleem
worden verteld. De cliënt wordt gezien als een ‘polyfone roman’.

In het interview dat Wim Brands voor Brands met Boeken hield met de Israëlische schrijver
Grossman zegt deze naar aanleiding van zijn rouw over het verlies van zijn zoon Uri, hoe
belangrijk het is om woorden voor rouw te vinden, heel precieze woorden. ‘Eerst wil je
iets heel fysieks doen, zoals je ziel eruit schreeuwen, na een tijdje krijg je het gevoel dat je
woorden nodig hebt, dat maakt ons mensen, we moeten de dingen bij de naam noemen, zo

Tijdschrift voor Psychotherapie, 2021, 47(5) – 338

zijn we aanwezig in de wereld. Als je iets een naam geeft, een eigen naam, dan hoort het bij
jou en jij hoort op een nieuwe manier bij de naam.’

Niet geletterdheid, maar de afgestemde, bij de cliënt passende taal maakt het verhaal van
de cliënt tot literatuur: de eigen taal van de cliënt wordt ‘de kunst van het woord’. En dat
verhaal is als een foto van nu dat zijn verleden bij elkaar houdt.

LITERATUUR

  • Bakhtin, M. (1981). The dialogical imagination: four essays. Austin: University of Texas press.
  • Brinkgreve, C., Koene, E., & Bloemink S. (red). (2020). Taalkracht. Andere woorden andere
    werelden. Leusden: ISVW Uitgevers.
  • Coninck, H. de (2009). Geef me nu eindelijk wat ik altijd al had. De mooiste gedichten. Amsterdam:
    Arbeiderspers.
  • Dawkins, R. (2016). The selfish gene. Oxford: Oxford University Press.
  • Deleuze, G., & Guattari, F. (1998). Rizoom. Een inleiding. Utrecht: Uitgeverij Rizoom.
  • Dennett, D. (2018). Van bacterie naar Bach en terug. Amsterdam: Atlas Contact.
  • Derrida, J. (1995). Marges van de filosofie. Kampen: Kok Agora.
  • Hemmerechts, K. (1998). Taal zonder mij. Amsterdam: Atlas.
  • Kundera, M. (2002). De kunst van de roman. Baarn: Ambo.
  • Nieuwenhuis, J. (2004). Johannes de Ziener. Kampen: Kok Agora.
  • Olthof, J., & Vermetten, E. (1994). De mens als verhaal. Utrecht: De Tijdstroom.
  • Olthof, J. Handboek narratieve psychotherapie. (2012). Utrecht: De Tijdstroom.
  • Olthof, J. (in press). Cruijffiaans denken in de narratieve psychotherapie: navigeren in complexiteit.
    Bunde: Uitgeverij Narrare.
  • Pessoa, F., & Willemsen, A. (2010). Gedichten. Amsterdam: Athenaeum Polak en Van Gennep.
  • Scheepers, F. (2021). Mensen zijn ingewikkeld. Een pleidooi voor acceptatie van de werkelijkheid en
    het loslaten van modeldenken. Amsterdam: Arbeiderspers.
  • Shazer, S. de. (1994). Words were originally magic. New York: Norton & Co.
  • Tongeren, P. van. (2021). Het wonder van betekenis. Amsterdam: Boom.
  • White, M., & Epston, D. (1990). Narrative means to therapeutic ends. New York: Norton.
  • Winsemius, P. (2004). Je gaat het pas zien als je het doorhebt. Amsterdam: Uitgeverij Balans.
  • Wittgenstein, L. (2002). Filosofische onderzoekingen. Amsterdam: Boom klassiek.