/* Bildpuffar – lika höga på större skärmar */

.nassjo-bildpuffar {
  display: flex;
  align-items: stretch;
}

/* Spalterna får samma höjd */
.nassjo-bildpuffar > .sv-column-4 {
  display: flex;
  align-items: stretch;
}

/* Hela puffen fyller spaltens höjd */
.nassjo-bildpuffar > .sv-column-4 > .sv-decoration-skugga {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
}

/* Ingen luft runt bildmodulen */
.nassjo-bildpuffar .sv-image-portlet {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Bilden fyller puffens bredd */
.nassjo-bildpuffar .sv-image-portlet img {
  display: block;
  width: 100%;
  height: auto;
}

/* Textytan fyller återstående höjd */
.nassjo-bildpuffar
  > .sv-column-4
  > .sv-decoration-skugga
  > .sv-vertical:last-child {
  flex: 1;
}


/* Telefon – återgå till Sitevisions staplade spalter */
@media (max-width: 767px) {

  .nassjo-bildpuffar {
    display: block;
  }

  .nassjo-bildpuffar > .sv-column-4 {
    display: block;
  }

  .nassjo-bildpuffar > .sv-column-4 > .sv-decoration-skugga {
    display: block;
    width: 100%;
  }

  .nassjo-bildpuffar
    > .sv-column-4
    > .sv-decoration-skugga
    > .sv-vertical:last-child {
    display: block;
  }
}