.ImageCard {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  height: auto;
  min-height: 150px;
  border-radius: 8px;
  background: var(--clr-primary);
  transition: box-shadow 0.2s;
}

@media screen and (min-width: 1026px) {
  .CardList--default .ImageCard:hover {
    box-shadow: 0 10px 30px 0 rgba(4, 82, 29, 0.5);
  }
      .CardList--default .ImageCard:hover .ImageCard-headline h3 {
        background: #067529;
      }
}

.ImageCard-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
}

.ImageCard-content h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    word-break: break-word;
    transition: background 0.2s;
  }

.CardList--default .ImageCard-headline,
  .CardList--default .ImageCard-text {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
  }

.ImageCard-headline h3 {
    display: table;
    padding: 10px 24px;
    border-radius: 0 8px 0 0;
    background: var(--clr-primary);
  }

.CardList--small .ImageCard-image .ImageCard-content {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  }

.CardList--small .ImageCard-image .ImageCard-content::after {
      color: #ffffff;
    }

.CardList--small a {
    color: var(--font-clr-primary);
  }

.CardList--small .ImageCard-content {
    padding: 20px 15px;
    background-color: var(--clr-primary);
  }

.CardList--small .ImageCard-content:hover {
      background: var(--clr-grayDark);
      color: #ffffff;
    }

.CardList--small .ImageCard-content::after {
      content: '\f054';
      position: absolute;
      right: 15px;
      bottom: 20px;
      font-family: 'Font Awesome 6 Pro';
      font-size: 1.4375rem;
      font-weight: 700;
    }

.CardList--small .ImageCard-content h3 {
      margin-bottom: 8px;
    }

.ImageCard-headline,
.ImageCard-text {
  color: #ffffff;
}

.ImageCard-image {
  border-radius: 8px;
}

.ImageCard--white {
  background-color: white;
}

.ImageCard--light-green {
  background-color: rgba(7, 137, 48, 0.05);
}