.bl__springest {
  padding: 20px 0;
  background: #CDD4DA; }
  .bl__springest .content {
    display: flex;
    flex-direction: row;
    align-items: center; }
    @media (max-width: 768px) {
      .bl__springest .content {
        flex-wrap: wrap;
        padding: 30px 0; } }
    .bl__springest .content .springest {
      position: relative;
      width: 340px;
      height: 120px;
      padding: 10px 0;
      border-right: 2px solid #000; }
      @media (max-width: 768px) {
        .bl__springest .content .springest {
          width: 100%;
          border: none;
          margin-bottom: 50px; } }
      .bl__springest .content .springest .springest_logo {
        position: relative; }
        @media (max-width: 768px) {
          .bl__springest .content .springest .springest_logo {
            text-align: center; } }
    .bl__springest .content .clienten {
      width: 100%;
      display: flex;
      flex-direction: row; }
      @media (max-width: 768px) {
        .bl__springest .content .clienten {
          flex-wrap: wrap; } }
      .bl__springest .content .clienten .text {
        width: 30%;
        min-width: 272px;
        font-size: 26px;
        font-weight: 500;
        line-height: 26px;
        padding: 0 50px;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        @media (max-width: 768px) {
          .bl__springest .content .clienten .text {
            width: 100%;
            margin-bottom: 50px;
            padding: 0 20px; } }
      .bl__springest .content .clienten .clienten_lijst {
        width: 70%;
        height: 200px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        @media (max-width: 768px) {
          .bl__springest .content .clienten .clienten_lijst {
            width: 100%; } }
        .bl__springest .content .clienten .clienten_lijst .client {
          position: relative;
          width: 33%;
          height: 50%; }
          .bl__springest .content .clienten .clienten_lijst .client .logo {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            transform: scale(0.7);
            filter: grayscale(100%); }
          .bl__springest .content .clienten .clienten_lijst .client .nr {
            position: absolute;
            left: 0;
            top: 0;
            font-size: 14px;
            color: #000;
            background: #fff;
            border-radius: 50%;
            display: none;
            width: 25px;
            height: 25px;
            text-align: center;
            line-height: 25px; }
          .bl__springest .content .clienten .clienten_lijst .client:hover .logo {
            filter: grayscale(1%) !important; }

.edit-mode .bl__springest .springest .coverall {
  pointer-events: none; }

.edit-mode .bl__springest .clienten .client {
  outline: 1px dashed #ccc; }
  .edit-mode .bl__springest .clienten .client a.coverall {
    pointer-events: none; }
  .edit-mode .bl__springest .clienten .client .nr {
    display: block !important; }