/*breakpoints*/
/*

.blogelement {
  .jobstory__area {
    position: relative;

    .jobstory__first--content {
      position: absolute;
      bottom: 0;
      right: 0;
      background: var(--primary-color);
      padding: 1.875rem;
      height: 394px;
      width: 394px;
      display: flex;
      //flex-wrap: wrap;
      align-content: flex-start;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 1.2rem;

      @include mq(xl){
        position: relative;
        width: unset;
        height: 300px;
        gap: 1.1rem;
      }

      @include mq(lg){
        position: absolute;
        bottom: 0;
        right: 0;
        width: 394px;
        height: 320px;
        gap: 1.1rem;
      }

      @include mq(md){
        position: relative;
        height: unset;
        width: unset;
        gap: 1rem;
        padding: 1.5rem;
      }

      &::before {

        @include mq(minmd){
          content: "";
          position: absolute;
          top: 1.875rem;
          left: -30px;
          z-index: 1;
          border: solid 15px transparent;
          border-right-color: var(--primary-color);
        }

        @include mq(minlg){
          top: -30px;
          left: 1.875rem;
          border-bottom-color: var(--primary-color);
          border-right-color: unset;
        }

        @include mq(minxl){
          top: 1.875rem;
          left: -30px;
          border: solid 15px transparent;
          border-right-color: var(--primary-color);
          border-bottom-color: unset;
        }
      }

      .jobstory__title {
        color: var(--white);
        transition: var(--transition-default);
        &:hover {
          color: var(--grey-light);
        }
      }

      .summary {
        color: var(--white-light-green);
        font-size: 1.125rem;
        line-height: 1.688rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4; !* number of lines to show *!
        line-clamp: 4;
        -webkit-box-orient: vertical;

        @include mq(xl){
          font-size: 1rem;
          line-height: 1.45rem;
        }

        @include mq(md){
          font-size: 0.938rem;
          line-height: 1.3rem;
        }
      }

      .btn-icon {
        &.big-circle {
          &:hover {
            background: var(--black);
            color: var(--white);
          }
        }
      }

      .badge__category {
        font-size: 1rem;
        line-height: 1;
        border: 1px solid #66B782;
        color: var(--white);
        border-radius: 10rem;
        transition: var(--transition-default);
        font-weight: 400;
        @include mq(xl){
          font-size: 0.938rem;
        }
        @include mq(md){
          font-size: 0.875rem;
        }

        &:hover {
          background: var(--white);
          border: 1px solid var(--white);
          color: var(--black);
        }
      }
    }
  }

  .jobstory__area--second {
    display: flex;
    flex-direction: row-reverse;
    @include mq(md){
      flex-direction: column;
    }

    .jobstory__second--image {
      width: 420px;

      @include mq(xl){
        width: 322px;
      }
      @include mq(lg){
        width: 420px;
      }
      @include mq(md){
        width: unset;
      }
    }

    .jobstory__second--content {
      background: var(--grey-light);
      padding: 1.875rem;
      height: 394px;
      width: 394px;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 1.2rem;
      position: relative;

      @include mq(xl){
        height: 300px;
      }

      @include mq(lg){
        gap: 1.1rem;
        height: 354px;
      }

      @include mq(md){
        position: relative;
        height: unset;
        width: unset;
        padding: 1.5rem;
        gap: 1rem;
      }

      &::after {
        @include mq(minmd){
          content: "";
          position: absolute;
          top: 1.875rem;
          right: -30px;
          z-index: 1;
          border: solid 15px transparent;
          border-left-color: var(--grey-light);
        }
      }

      .jobstory__title {
        color: var(--black);
        transition: var(--transition-default);
        &:hover {
          color: var(--black-light);
        }
      }

      .summary {
        color: var(--black-light);
        font-size: 1.125rem;
        line-height: 1.688rem;

        @include mq(xl){
          font-size: 1rem;
          line-height: 1.45rem;
        }

        @include mq(md){
          font-size: 0.938rem;
          line-height: 1.3rem;
        }
      }

      .btn-icon {
        &.big-circle {
          &:hover {
            background: var(--black);
            color: var(--white);
          }
        }
      }

      .badge__category {
        font-size: 1rem;
        line-height: 1;
        border: 1px solid var(--black-light);
        background: transparent;
        color: var(--black);
        border-radius: 10rem;
        transition: var(--transition-default);
        font-weight: 400;
        @include mq(xl){
          font-size: 0.938rem;
        }
        @include mq(md){
          font-size: 0.875rem;
        }

        &:hover {
          background: var(--black);
          border: 1px solid var(--black);
          color: var(--white);
        }
      }
    }
  }

  .latestnews__area {
    background: var(--black);
    padding: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 394px;

    @include mq(xl){
      height: 480px;
      padding: 1.875rem;
    }
    @include mq(md){
      height: 530px;
      padding: 1.5rem;
    }

    .latestnews__area--item {
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;
      align-content: center;
      flex-direction: row;
      width: 100%;
      @include mq(xl){
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
      }
      @include mq(lg){
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
      }
      @include mq(md){
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
      }

      .latestnews__area--category {
        flex: 0 1 auto;
        width: calc(25% - 0px);
        @include mq(xl){
          width: 100%;
        }
        @include mq(lg){
          width: calc(25% - 0px);
        }
        @include mq(md){
          width: 100%;
        }

        .badge__category {
          font-size: 1rem;
          line-height: 1;
          border: 1px solid #4D4D4D;
          background: transparent;
          color: var(--white);
          border-radius: 10rem;
          transition: var(--transition-default);
          font-weight: 400;
          @include mq(xl){
            font-size: 0.938rem;
          }
          @include mq(md){
            font-size: 0.875rem;
          }

          &:hover {
            background: var(--white);
            border: 1px solid var(--white);
            color: var(--black);
          }
        }
      }

      .latestnews__area--blogpost {
        flex: 0 1 auto;
        width: calc(75% - 0px);

        @include mq(xl){
          width: 100%;
        }
        @include mq(lg){
          width: calc(75% - 0px);
        }
        @include mq(md){
          width: 100%;
        }

        .latestnews__item--title {
          color: var(--white);
          transition: var(--transition-default);
          &:hover {
            color: var(--primary-color);
          }
        }

      }
    }
  }
}*/
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fuhl%2Fscss%2Fcomponents%2F_blogelement.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */