/***************************************
**
** PUFF
**
****************************************/
.gre-image-card {
   position: relative;
   background-color: #fff;
   box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2),
      0 0px 0px 1px rgba(0, 0, 0, 0.08);
   transition: all 0.2s ease-in-out;
   display: flex;
   align-items: stretch;
   width: auto;
   margin: 0;
}

.gre-image-card .gre-image-card__image-wrapper {
   width: 30%;
   display: flex;
}

.gre-image-card .gre-image-card__image-wrapper img {
   width: 100%;
   object-fit: cover;
   object-position: center;
   aspect-ratio: 16 / 9;
}

.gre-image-card__content {
   padding: 1.4rem;
   flex: 1;
}

/* Bild till vänster eller höger */
.gre-image-card__image-top,
.gre-image-card__image-bottom {
   display: flex;
   flex-direction: column;
}

.gre-image-card__image-top
.gre-image-card__image-wrapper,
.gre-image-card__image-bottom
.gre-image-card__image-wrapper {
   width: 100%;
}

.gre-image-card h2.gre-image-card__heading {
   color: #275468;
   text-decoration: none;
   font-weight: bold;
   font-style: normal;
   font-size: 1.2rem;
   line-height: 1.4;
   margin: 0;
   display: inline;
}
.gre-image-card .gre-image-card__text {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   line-clamp: 3;
   -webkit-box-orient: vertical;
   word-break: break-word;
   hyphens: auto;
   margin-top: 11px;
}
.gre-image-card .gre-image-card__text p {
    margin: 0;
    margin-bottom: 11px;
}

.gre-image-card .gre-image-card__item-link {
   color: #275468;
   text-decoration: underline;
   font-weight: 700;
   transition: 0.2s;
   line-height: 1.5;
}
.gre-image-card .gre-image-card__item-link:hover {
   color: #33788e;
   background-color: #f2f2f2;
}

@media (max-width: 700px) {
   .gre-image-card {
      flex-direction: column;
   }
   .gre-image-card__image-right,
   .gre-image-card__image-bottom {
      flex-direction: column-reverse;
   }
   .gre-image-card .gre-image-card__image-wrapper {
      width: 100%;
   }
}