.cards_and_filter {
  display:grid;
  grid-template-columns: 220px auto;
  padding-top:3rem;
  padding-bottom:1rem;
  margin-bottom:2rem;
  align-items: start;
}

.filter_for_tags {
  margin: 0 1rem 1rem;
  max-width:220px;
  height:auto;
}

#filter-category-list {
  list-style: none;
  padding: 0;
}

.filter_category_list__category {
  font-size:18px;
  margin-bottom: 0.5rem;

}

.cards_atlas {
  display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px, 315px));
    gap: 1rem;
  justify-content: left;
}

.cards__card_atlas {
  display: flex;
  max-width: 315px;
  min-width: 20%;
  height:160px;
  padding: 1rem;
  padding-right:1.25rem;
  align-items:center;
  border: 0.5px solid;
  border-color: #dddddd;
  border-radius: 4px;
  box-shadow:0 11px 20px rgba(154, 161, 177, .2);
  transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
  text-decoration: none;
}

.cards__card_atlas:hover {
  box-shadow: 0 11px 20px rgba(45, 49, 59, 0.3);
  transform: scale(1.05);
}

.card__link {
   text-decoration: none;
    color: inherit;
    display: block;
  max-height:95px;
}

.card__image_atlas {
  height: 80px;
  max-width: 80px; !important
  justify-content:left;
  margin:0.75rem;
  margin-right:1.25rem;
}

.card__title_atlas {
  margin: 0 0 0.5rem;
  /*width:198px;*/
  max-width: 100%;
  /*height: 24px;*/
  font-size: 20px;
  font-weight: bold;
}

.card__title:hover {
   text-decoration: underline;
}

.cards__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  /*padding: 0 1.5rem 0 10px;*/
}

.cards__tag_individual {
  display:inline-block;
  padding:0rem;
  padding:0.25rem 0.75rem;
  border-radius:16px;
  color:#ffffff;
  min-width:45px;
  text-align:center;
  font-size:12px;
}

#integrasjon-empty-state {
  display:none;
  text-align:center;
  font-size:20px;
}

.card_emptystate_image {
  max-height:300px;
}

.selected {
    font-weight: bold;
    color: #3878c7; /* Highlight color */
}

@media (max-width: 600px) { /*her er mobilvisning, juster senere basert på hva som passer*/
    .cards_and_filter {
        grid-template-columns: 1fr;
    }
  .cards_atlas {
    justify-content: center;
  }
  .filter_for_tags {
    padding-left: 2rem;
  }
}

.cards__link.hidden,
.cards__card.hidden {
    display: none !important;
}