:root {
    --menu-offset-top: 48px;
    --menu-min-height: 470px;
    --menu-bgcolor: #d5ebf0;
    --usp-bgcolor: #ececec;
    --link-color: #293b77;
  }
  
  /* body { overflow-x: hidden; } */
  .header-usps        { display: none; }
  .header-usps .usp3  { display: none; }
  .main-nav.showMenu  { display: flex; }
  .main-nav.hideMenu  { display: none; }
  body.hideX          { overflow-x: hidden; }
  
  /*
    body.xs-editmode header         { top: 35px }
    body.xs-editmode .scrollspacer  { height: 48px }
  */

  /* MOBILE MAIN MENU */
  .main-nav-container     { 
      width: 100%; 
      /* height: CALC(100vh - var(--menu-offset-top));  */
      background-color: #FFF;
      flex-direction: column; 
      /* overflow: hidden;  */
  }  
  .main-nav a.nav1        { 
      position: relative; padding: 0px 10px 0px 10px; 
      height:45px; font: 600 16px/16px 'Source Sans Pro',arial,helvetica,sans-serif; 
      color: #000; 
      text-decoration: none; 
      display: flex; 
      align-items: center;
  }
  .main-nav a.nav1::after { 
      content: " "; 
      position: absolute; right: 13px; top: 14px; width: 14px; height: 14px; 
      background: url(/images/arrow-right-black.svg) -2px -2px / 18px 18px no-repeat; 
  }
  
  
  /* Menu link styles */
  .menu-panel-contentwrapper ul   { list-style: none; padding: 0; margin: 0; }
  .menu-panel-back   {
      display: block; position: relative; 
      font: 600 15px/16px 'Source Sans Pro',arial,helvetica,sans-serif; 
      padding: 20px 10px 20px 25px; 
      cursor: pointer;
      /* border-bottom: 1px solid #c0c0c0;  */
      top: 0;
      background-color: #FFF;
      /* background: aliceblue; */
      width: 100%;
   }
   .menu-panel-back::after      { 
      content: " "; 
      position: absolute; left: 13px; top: 20px; width: 14px; height: 14px; 
      background: url(/images/arrow-right-black.svg) 2px -3px / 18px 18px no-repeat; 
      transform: rotate(180deg);
   }
  .menu-column-header { 
      font: 700 15px/16px 'Source Sans Pro',arial,helvetica,sans-serif; 
      padding: 10px 10px; 
      border-bottom: 1px solid #c0c0c0; 
  }
  a.niv1-link,
  a.niv2-link             { 
      display: block; position: relative; 
      padding: 10px 20px 10px 10px; 
      font: 500 16px/20px 'Source Sans Pro',arial,helvetica,sans-serif; 
      text-decoration: none; color: #003983;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
  }
  
  a.niv1-link::after,
  a.niv2-link::after      { 
      content: " "; 
      position: absolute; right: 13px; top: 10px; width: 14px; height: 14px; 
      background: url(/images/arrow-right-black.svg) -2px 0px / 18px 18px no-repeat; 
  }
  
  a.niv1-link.external::after,
  a.niv2-link.external::after      { 
      background: url(/images/icons/external-arrow.svg) 0px 2px / 11px 11px no-repeat;
  }
  
  .main-nav a.nav1.active,
  .main-nav a.nav1.hover  { background-color: var(--menu-bgcolor); /* color: #003983; */ }
  
  a.niv1-link:hover,
  a.niv1-link.active,
  a.niv2-link:hover,
  a.niv2-link.active      { background-color: var(--menu-bgcolor); }
  
  ul.niv1 { 
      position: absolute; 
      left: 100vw; 
      width: 100%; 
      top: var(--menu-offset-top); 
      z-index: 2; 
      background-color: #FFF;
      /* background-color: aliceblue;  */
      min-height: CALC(100vh - var(--menu-offset-top));
      transition: left 0.25s;
      overflow-y: auto;
      overflow-x: hidden;
  }
  ul.niv1.active {
      left: 0; 
  }
  ul.niv2 { 
      position: absolute; 
      left: 100vw; 
      width: 100%; 
      top: 0px; 
      z-index: 2; 
      background-color: #FFF;
      /* background-color: beige;  */
      min-height: CALC(100vh - var(--menu-offset-top));
      transition: left 0.25s;
      /* display: none; */
  }
  ul.niv2.active {
      left: 0; 
      /* display: block; */
  }
  
  
  /* Afwijkende columns */
  ul.double-col,
  .main-nav .niv1.juridisch   {
      height: 100vh; 
  }
  
  .column2-reclame { display: none; }
  .column3-reclame { display: none; }
  
  
  
  
  /* SET ALL FONT BIGGER FOR MOBILE */
  @media all and (max-width: 768px) {
      .main-nav * { font-size: 18px !important; }
  }
  
  @media all and (min-width: 992px) {

  
      .toggle-menu-wrapper    { display: none; }
      .main-nav.showMenu      { display: flex; }
      .main-nav.hideMenu      { display: flex; }
      body.hideX              { overflow-x: unset; }
      body.xs-editmode.edit .scrollspacer  { height: 147px }
      body.xs-editmode.preview .scrollspacer  { height: 170px }

      .header-usps    { 
          height: 30px;
          background-color: #efefef;
          text-align: center;
          display: flex;
          justify-content: center; 
          transition: all 0.4s ease;
      }
      .header-usps .usp-bar    { 
          width: var(--breakpoint-size); 
          display: flex; 
          justify-content: center;
          font-size: 0.8rem; 
          padding: 4px 0 6px;
          color: #666;
      }

      .header-usps .usp-bar .usp        { padding: 0 10px; } 
      
      .header-usps .usp-bar .fa-check   { color: #666; }
      /* .header-usps .usp-bar .fa-check   { color: #46b83a; } */
  
  
  
      /* LAPTOP Hoofdmenu horizontale balk */
      .main-nav               { background-color: #FFF; position: relative; display: flex !important; }
      .main-nav:hover         { box-shadow: 0 3px 3px 0px rgb(0 0 0 / 15%); }

      .sticky .main-nav         {  }

      .main-nav-container     { width: var(--breakpoint-size); height: auto; margin: 0 auto; flex-direction: row;}
      .main-nav a.nav1        { 
          padding: 0px 5px 0px 5px; height:35px; 
          font: 700 16px/16px 'Source Sans Pro',arial,helvetica,sans-serif; 
          color: #000; text-decoration: none; 
          display: flex; align-items: center;
      }
      .main-nav a.nav1::after { content:"";right:0;top:0;width:0;height:0;background:none; }
  
  
      /* Openklap menu stijlen */
      /* Display none om te starten? */
  
      .menu-panel {
          position: absolute;
          display: none;
          left: 0;
          top: 35px;
          width: 100%;
          min-height: var(--menu-min-height);
          background: #FFF;
          box-shadow: 0 4px 3px 0 rgb(0 0 0 / 20%);
          z-index: 110;
      }
  
      .menu-panel-contentwrapper {
          display: flex;
          justify-content: space-between;
          width: var(--breakpoint-size);
          min-height: var(--menu-min-height);
          margin: 0 auto;
          padding: 0 0;
          position: relative;
      }
  
      .menu-panel-back   { display:none; }
  
      ul.niv1 { 
          position: absolute; 
          left: 0vw; 
          width: 100vw; 
          top: 10px; 
          z-index: 2; 
          min-height: CALC(var(--menu-min-height) - 10px);
          transition: left 0.25s;
          overflow-y:unset;
          overflow-x: unset;
      }
      ul.niv1.active {
          left: 0; 
      }
      /* ul.niv2 { 
          position: absolute; 
          left: 100vw; 
          width: 100vw; 
          top: 0px; 
          z-index: 1; 
          min-height: CALC(100vh - var(--menu-offset-top));
          transition: left 0.25s;
      } */
  
  
      /* ul.niv1 { display: none; } */
      ul.niv2 { display: none; }
  
      ul.niv1 > li:hover ul.niv2   { display: block; }
  
      ul.niv1 { 
          width: CALC(var(--breakpoint-size) / 3); 
          /* background-color: aliceblue;  */
      }
      ul.niv2 { 
          position: absolute; 
          left: CALC(var(--breakpoint-size) / 3); 
          width: CALC(var(--breakpoint-size) / 3); 
          top: 0px; 
          z-index: 2; 
          min-height: CALC(var(--menu-min-height) - 10px);
          padding-left: 10px;
  
      }
  
      a.nav1.menu-item-link:hover .menu-panel { display: flex; }
  
      /* Afwijkende columns */
      ul.double-col {
          -moz-column-count: 2;
          -moz-column-gap: 10px;
          -webkit-column-count: 2;
          -webkit-column-gap: 10px;
          column-count: 2;
          column-gap: 10px;
          width: CALC((var(--breakpoint-size) / 3)*2); 
          height: unset; 
      }
  
      .main-nav .niv1.juridisch   {
          -moz-column-count: 3;
          -moz-column-gap: 10px;
          -webkit-column-count: 3;
          -webkit-column-gap: 10px;
          column-count: 3;
          column-gap: 10px;
          width: var(--breakpoint-size);
          height: unset; 
      }
  
      ul .column-break   { padding-top: 37px; }
      ul .column-break a { border-top: 1px solid #c0c0c0; }
  
      
      /* Reclame blokken */
      .reclame-kader { 
          position: absolute; 
          top:0px;
          left: CALC(var(--breakpoint-size) / 3); 
          width: CALC(var(--breakpoint-size) / 3); 
          min-height: var(--menu-min-height);
          z-index: 1;
          display: flex;
          flex-direction: column;
          align-items: stretch;
          padding: 10px 0px 20px 20px;
      }
  
      .reclame-kader-content        { display: flex; align-items: center; justify-content: center; height: 400px; width: 360px; overflow: hidden; background: #d5ebf0; }

      .column2-reclame { 
          left: CALC(var(--breakpoint-size) / 3); 
      }
      
      .column3-reclame { 
          left: CALC(var(--breakpoint-size) / 3 * 2); 
      }
  
      .reclame-blok { background: #d5ebf0; width:100%; max-height: 400px; display: flex; flex-direction: column; align-items: center; padding: 2rem; flex-grow: 1; }
      .reclame-blok .reclame-blok-header    { flex-grow: 1; }
      .reclame-blok .reclame-blok-footer    { text-align: center; line-height: 1.1rem; }
      .reclame-blok .reclame-blok-footer h3 { font-size: 1.1em; margin-bottom: 3px; line-height: 1.1rem }
      .reclame-blok .reclame-blok-footer p  { font-size: 0.9em; }
      .reclame-blok img { 
        display: block;
        max-height: 250px;
        max-width: 100%;
        width: auto;
        height: auto; 
    }
  
  }
  
    @media (min-width: 1200px) {
        .main-nav a.nav1 { padding: 0 15px; }
    }

    @media (min-width: 992px) {
        .main-nav a.nav1 { padding: 0 12px; }
    }
  




  /*
  * HEADER
  */
  header                  { position: fixed; top: 0px; width: 100%; height: 48px; background-color: #FFF; transition: all 0.4s ease; }
  /* body.sticky header      { height: 90px; } */
  .action .product-sticky-action-bar  { top: 48px; }
  .header-section         { position: relative; height: 96px; display: flex; justify-content: center; transition: all 0.4s ease; background: #fff; z-index: 20; }
  
  .header-container       { width: 100%; padding: 3px 15px 6px 0; background: #FFF; }
  .header-content         { display: flex; justify-content: center; align-items: center; }

  .toggle-menu            { display: block; font-size: 17px; color: #000; padding: 5px 15px; margin-right: 5px;  }
  .header-logo            { flex-grow: 1; display: flex; align-items: center; transition: all 0.4s ease; margin-top: 0 !important; }
  .header-logo img        { width: 60px; display: block; transition: none !important; }
  .header-search form     { display: flex; border: 1px solid #2b3982; border-radius: 5px; padding: 1px; }
  .header-search form *   { border: 0; height: 2rem; background-color: transparent; }
  .header-search form .fa-search          { height: 1.2rem; }

  .header-search .header-search-button    { width: 30px; display: flex; justify-content: center; align-items: center; }
  .header-search .header-search-input     { padding-left: 1rem; width: 22vw; transition: all 0.4s ease; }
  .header-search .header-search-input:focus     { outline:0 !important }
  .header-actions         { display: flex; align-items: center; position: relative; margin: 0 0 0 20px; }
  .header-action          { position:relative; display: inline-flex; flex-flow: column; align-items: center; margin-left: 10px; margin-right: 10px; font-size: 17px; text-decoration: none; color: #000; }
  .header-action .ha-icon   { min-height: 20px; }
  .header-action .ha-txt    { display: none;  }

  .header-action .svg-inline--fa        { height: 1.1em; }

  
  .boom-page-title          { background: #d5ebf0 url('/images/boom_pattern.png') top right no-repeat; padding-top: 0.5rem; padding-bottom: 0.5rem; transition: all 0.4s ease;  }
  .boom-page-title h2,
  .boom-page-title .h2      { font-weight: 700; }

  .header-menu-all          { display: none; }
  .header-menu-all ul       { list-style: none; margin: 0; }
  .header-menu-all-label    { padding: 3px 5px; font-weight: bold; }
  .header-menu-all a        { display: block; padding: 5px 20px 5px 7px; }
  .header-menu-all a:hover  { background: #f3f3f3; }
  
@media all and (min-width: 992px) {
      header                  { height: 151px; }
      .header-section         { height: 106px; background-color: #FFF ;}
      .header-container       { width: var(--breakpoint-size); padding: 5px 0 10px; transition: all 0.4s ease; }

      .header-action .svg-inline--fa        { height: 1.4em; }
      .header-action .ha-txt                { display: inline-block; text-wrap: nowrap; white-space: nowrap; }
      
      .header-logo            { flex-grow: 1; }
      .header-logo img        { width: 100px;  }
      .header-search .header-search-input     { width: 180px; }
      .header-action          { font: 500 13px/16px 'Source Sans Pro',arial,helvetica,sans-serif; margin-right: 0; }
      .boom-page-title        { padding-top: 1.5rem; padding-bottom: 1.5rem; }

      .header-action-klantservice:hover .header-submenu-wrapper.service                     { display: block; left: 10px; }
      .header-action-inloggen                                                               { position: relative; }
      .header-action-inloggen:hover .header-submenu-wrapper.account                         { display: block; left: 10px; }
      .header-action-winkelmand                                                             { position: relative; }
      .header-action-winkelmand:hover .header-shopping-basket.header-submenu-wrapper        { display: block; }

      
      .action .product-sticky-action-bar          { top: 96px; }
      body.scrolling header   { height: 89px; box-shadow: 0 4px 3px 0 rgb(0 0 0 / 5%); }
      body.scrolling header .header-usps  { margin-top: -30px; }
      body.scrolling header .header-section  { height: 96px; }
      body.scrolling header .header-container  { padding: 0; }
      body.scrolling header .header-logo img        { height: 65%; }


      
        .header-menu-all                { cursor: pointer; display: block }

        .header-menu-all-handle         { position: relative; border: 1px solid #b7b7b7; border-radius: 5px; font-weight: 600; padding: 0.5rem 2.5rem 0.5rem 1rem; }
        .header-menu-all-handle:after {
            content: '';
            position: absolute;
            width: 20px;
            height: 20px;
            top: calc(50% - 10px);
            right: 8px;
            background: url('/images/chevron.svg') no-repeat;
            background-size: 10px 10px;
            background-position: 30% 70%;
            transform: rotate(270deg);
        }



        .header-menu-all-content              { position: absolute; top: 72px; left: 0; right: 0; padding: 25px 0 0; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); z-index: 50; display: none; }

        .scrolling .header-menu-all-content              { top: 67px; }
        .header-menu-all:hover .header-menu-all-content   { display: block; }
            .header-menu-all-contentwrapper .col            { padding: 0 5px; }

        .header-menu-all a          { position: relative; }
        .header-menu-all a:hover    { text-decoration: none; }
        /*
        .header-menu-all a:after {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            top: calc(50% - 5px);
            right: 8px;
            background: url(/images/chevron.svg) center center / 11px auto no-repeat;
            transform: rotate(180deg);
        }
        */


  }
  
  body.scrolling  .top-notificationbanner-wrapper       { display: none; }

  #boom-main-nav ul li.niv1 > a    { position: relative; }
  #boom-main-nav ul li.niv1 > a::after {
    content: " ";
    position: absolute;
    right: 0px;
    top: 16px;
    width: 12px;
    height: 12px;
    background: url('/images/chevron.svg') center center / 14px auto no-repeat;
    transform: rotate(180deg);
    background-size: contain;
  }

@media (min-width: 992px) {
    body.scrolling header .header-logo img        { width: 135px; }
    .header-logo img        { width: 135px;  }
    .header-search .header-search-input     { __width: 300px; }
    .header-usps .usp3  { display: block; }

    #boom-main-nav ul li.niv1 > a::after        { display: none; }
}

@media (min-width: 1200px) {
    .header-search .header-search-input     { width: 380px; }
}

/* Juridisch */
body.color-2779 #nav1-2779.active           { background-color: #01aec7; color: #FFF; }
body.color-2779 .boom-page-title            { border-top: 8px solid #01aec7; background: #fbfdfd url(/images/landingpage_juridisch_bg.gif) top right no-repeat;  }
body.color-2779.landingspage .lpblock.category-block a      { color: #01aec7; }
body.color-2779.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #e0ecee; }

/* Bestuurskunde */
body.color-2780 #nav1-2780.active           { background-color: #00a13a; color: #FFF; }
body.color-2780 .boom-page-title            { border-top: 8px solid #00a13a; background: #fbfdfd url(/images/landingpage_bestuurskunde_bg.gif) top right no-repeat; }
body.color-2780.landingspage .lpblock.category-block a      { color: #00a13a; }
body.color-2780.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #d5efde; }

/* Criminologie */
body.color-2781 #nav1-2781.active           { background-color: #e50134; color: #FFF; }
body.color-2781 .boom-page-title            { border-top: 8px solid #e50134; background: #fbfdfd url(/images/landingpage_criminologie_bg.gif) top right no-repeat; }
body.color-2781.landingspage .lpblock.category-block a      { color: #e50134; }
body.color-2781.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #efdfe0; }

/* Management */
body.color-2739 #nav1-2739.active           { background-color: #e26d3a; color: #FFF; }
body.color-2739 .boom-page-title            { border-top: 8px solid #e26d3a; background: #fbfdfd url(/images/landingpage_management_bg.gif) top right no-repeat; }
body.color-2739.landingspage .lpblock.category-block a      { color: #e26d3a; }
body.color-2739.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #f1e4de; }

/* Coaching */
body.color-2747 #nav1-2747.active           { background-color: #a9ca4a; color: #FFF; }
body.color-2747 .boom-page-title            { border-top: 8px solid #a9ca4a; background: #fbfdfd url(/images/landingpage_coaching_bg.gif) top right no-repeat; }
body.color-2747.landingspage .lpblock.category-block a      { color: #a9ca4a; }
body.color-2747.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #edf2e2; }

/* Filosofie */
body.color-2722 #nav1-2722.active                           { background-color: #e23750; color: #FFF; }
body.color-2722 .boom-page-title                            { border-top: 8px solid #e23750; background: #fbfdfd url(/images/landingpage_filosofie_bg.gif) top right no-repeat; }
body.color-2722.landingspage .lpblock.category-block a      { color: #e23750; }
body.color-2722.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #efdfe0; }

/* Geschiedenis */
body.color-2731 #nav1-2731.active           { background-color: #dd642f; color: #FFF; }
body.color-2731 .boom-page-title            { border-top: 8px solid #dd642f; background: #fbfdfd url(/images/landingpage_geschiedenis_bg.gif) top right no-repeat; }
body.color-2731.landingspage .lpblock.category-block a      { color: #dd642f; }
body.color-2731.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #efdfe0; }

/* Onderwijs / Primair onderwijs */
body.color-2655 #nav1-2654.active           { background-color: #ee2644; color: #FFF; }
body.color-2655 .boom-page-title            { border-top: 8px solid #ee2644; background: #fbfdfd url(/images/landingpage_po_bg.gif) top right no-repeat; }
body.color-2655.landingspage .lpblock.category-block a      { color: #ee2644; }
body.color-2655.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #efdfe0; }

/* Onderwijs / Voortgezet onderwijs */
body.color-2656 #nav1-2654.active           { background-color: #3a94b0; color: #FFF; }
body.color-2656 .boom-page-title            { border-top: 8px solid #3a94b0; background: #fbfdfd url(/images/landingpage_vo_bg.gif) top right no-repeat; }
body.color-2656.landingspage .lpblock.category-block a      { color: #3a94b0; }
body.color-2656.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #e0eef2; }

/* Onderwijs / Middelbaar beroepsonderwijs */
body.color-3331 #nav1-2654.active           { background-color: #0097ae; color: #FFF; }
body.color-3331 .boom-page-title            { border-top: 8px solid #0097ae; background: #fbfdfd url(/images/landingpage_mbo_bg.gif) top right no-repeat; }
body.color-3331.landingspage .lpblock.category-block a      { color: #EA5B16; }
body.color-3331.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #e0eef2; }

/* Onderwijs / Beroepsonderwijs */
body.color-2657 #nav1-2654.active           { background-color: #0097ae; color: #FFF; }
body.color-2657 .boom-page-title            { border-top: 8px solid #0097ae; background: #fbfdfd url(/images/landingpage_mbo_bg.gif) top right no-repeat; }
body.color-2657.landingspage .lpblock.category-block a      { color: #EA5B16; }
body.color-2657.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #e0eef2; }

/* Onderwijs / Hoger onderwijs */
body.color-2658 #nav1-2654.active           { background-color: #09c9ca; color: #FFF; }
body.color-2658 .boom-page-title            { border-top: 8px solid #09c9ca; background: #fbfdfd url(/images/landingpage_bho_bg.gif) top right no-repeat; }
body.color-2658.landingspage .lpblock.category-block a      { color: #09c9ca; }
body.color-2658.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #d9f1f1; }

/* Onderwijs / NT2 */
body.color-2659 #nav1-2654.active           { background-color: #ff0056; color: #FFF; }
body.color-2659 .boom-page-title            { border-top: 8px solid #ff0056; background: #fbfdfd url(/images/landingpage_nt2_bg.gif) top right no-repeat; }
body.color-2659.landingspage .lpblock.category-block a      { color: #ff0056; }
body.color-2659.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #efdfe0; }

/* Onderwijs / NT1 */
body.color-650 #nav1-650.active           { background-color: #992b98; color: #FFF; }
body.color-650 .boom-page-title            { border-top: 8px solid #992b98; background: #fbfdfd url(/images/landingpage_nt1_bg.gif) top right no-repeat; }
body.color-650.landingspage .lpblock.category-block a      { color: #992b98; }
body.color-650.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #efdfe0; }
body.color-650 .landingpage-logo img          { max-height: 32px; margin: 2px 0 10px; }

/* Gezondheidszorg / Psychologie */
body.color-2699 #nav1-2698.active           { background-color: #5daddc; color: #FFF; }
body.color-2699 .boom-page-title            { border-top: 8px solid #5daddc; background: #fbfdfd url(/images/landingpage_bps_bg.gif) top right no-repeat; }
body.color-2699.landingspage .lpblock.category-block a      { color: #5daddc; }
body.color-2699.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #e0eef2; }

/* Gezondheidszorg / Psychiatrie */
body.color-2700 #nav1-2698.active           { background-color: #5daddc; color: #FFF; }
body.color-2700 .boom-page-title            { border-top: 8px solid #5daddc; background: #fbfdfd url(/images/landingpage_bps_bg.gif) top right no-repeat; }
body.color-2700.landingspage .lpblock.category-block a      { color: #5daddc; }
body.color-2700.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #e0eef2; }

/* Gezondheidszorg / Geneeskunde */
body.color-2701 #nav1-2698.active           { background-color: #11816a; color: #FFF; }
body.color-2701 .boom-page-title            { border-top: 8px solid #11816a; background: #fbfdfd url(/images/landingpage_geneeskunde_bg.gif) top right no-repeat; }
body.color-2701.landingspage .lpblock.category-block a      { color: #11816a; }
body.color-2701.landingspage .lpblock.category-block a.webshop-category-item-submenu-item { border-color: #e0eef2; }

.header-basket-count {
    top: -10px;
    height: 20px;
    width: 20px;
    line-height: 18px;
    background: #54b635;
    font-size: 13px;
    font-weight: 600;
}

.header-shopping-basket-button  { width: 100%; justify-content: center; margin-bottom: 8px; margin-top: 5px; }

/* Zoeksuggesties */
.search-suggest-popup-container {
    top: 38px;
}

/* Action bar */
.product-sticky-action-bar-totopbutton:hover { background: #fff; box-shadow: 0 0 0 0 rgb(0 0 0 / 0%); }
.product-sticky-action-bar-totopbutton { background: #fff; }

/* WEBSHOP logos */

body .landingpage-logo { max-height: 44px; height: 100%; margin: 0.5rem 0; }
body .landingpage-logo img         { display: block; max-height: 44px; max-width: 70%;}

@media all and (min-width: 768px) {
    body .landingpage-logo { margin: 0 0; }
    body .landingpage-logo img         { display: block; max-height: 44px; }
}