:root{--theme-primary: #282e48;--theme-secondary: #f2903f;--theme-tertiary: #282e48;--theme-quaternary: #00000096;--theme-quinary: #f1f2f2;--theme-senary: #2D1B7E00;--theme-black: #000000;--theme-white: #ffffff;--theme-font-font-primary-regular: 'Lexend-Regular';--theme-font-font-primary-medium: 'Lexend-Medium';--theme-font-font-primary-semibold: 'Lexend-SemiBold';--theme-font-font-primary-bold: 'Lexend-Bold';--theme-font-font-primary-extra-bold: 'Lexend-ExtraBold';--theme-font-font-primary-thin: 'Lexend-Thin';}<!-- module: frontend/template controller: default  action: themestyle --><div id="header-frontend-preview" class="header-frontend-preview container-fluid">
  <div class="row">
              <div
        id="header-frontend-trial-column"
        class="col-lg-12 put-40-h frontend-trial header-frontend-content"
      >
        <div class="row">
                      <div class="col-xs-3 text-left">
              <h3>
                <a
                  href="/mas/templates/list"
                >
                  Bewerk                </a>
              </h3>
            </div>
                    <div class="col-xs-6 text-center">
            <h3><strong>LET OP: Je website is alleen door jou te bekijken</strong>
            </h3>
          </div>
          <div class="col-xs-3  text-right">
            <h3>Proefversie</h3>
          </div>
        </div>
        <button
          type="button"
          class="trial-preview-close"
          title="Sluiten"
          aria-label="Sluiten"
        ><span aria-hidden="true">&times;</span></button>
      </div>
      </div>
</div>
  <script>
    (function () {
      //The dismissal is applied here and never in PHP. Pages are shared-cached by CloudFront
      //(see libs/docs/caching.md), so HTML that varied per visitor would hand one visitor's
      //dismissal to everyone else, and keep showing the bar to the one who closed it.
      var lBar   = document.getElementById('header-frontend-preview');
      var lTrial = document.getElementById('header-frontend-trial-column');
      if (!lTrial) {
        return;
      }

      function getCookie(pName) {
        var lMatch = document.cookie.match(new RegExp('(^| )' + pName + '=([^;]+)'));
        return lMatch ? lMatch[2] : null;
      }

      function hideTrialBar() {
        lTrial.parentNode.removeChild(lTrial);
        var lPreview = document.getElementById('header-frontend-preview-column');
        if (lPreview) {
          //the preview bar is on its own now, so let it span the full width
          lPreview.className = lPreview.className.replace('col-lg-6', 'col-lg-12');
        } else {
          lBar.parentNode.removeChild(lBar);
        }
      }

      if (getCookie('trial-notice-dismissed')) {
        hideTrialBar();
        return;
      }

      lTrial.querySelector('.trial-preview-close').addEventListener('click', function () {
        document.cookie = 'trial-notice-dismissed=1; max-age=86400; path=/';
        hideTrialBar();
      });
    })();
  </script>