.igw-mtg-list {
  display: grid;
  gap: 1rem;
}

.igw-mtg-item {
  display: grid;
  gap: 0.75rem;
  align-items: start;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 1rem;
}

.igw-mtg-list--abschnitte .igw-mtg-item {
  grid-template-columns: 35% 65%;
  grid-template-areas:
    "image content"
    "image price";
}

.igw-mtg-item__image { grid-area: image; }
.igw-mtg-item__content { grid-area: content; min-width: 0; }
.igw-mtg-item__price { grid-area: price; font-weight: 600; }

.igw-mtg-item__image img,
.igw-mtg-single__image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

.igw-mtg-list--liste .igw-mtg-item {
  grid-template-columns: minmax(0, 80%) minmax(0, 20%);
  grid-template-areas: "content price";
}

.igw-mtg-list--liste .igw-mtg-item__price {
  text-align: right;
}

.igw-mtg-item__title,
.igw-mtg-single__title {
  margin: 0 0 .25rem;
}

.igw-mtg-list--abschnitte .igw-mtg-item__title,
.igw-mtg-list--liste .igw-mtg-item__title {
  font-size: 20px;
}

.igw-mtg-item__subtitle,
.igw-mtg-single__subtitle {
  color: #555;
}

.igw-mtg-single__title {
  font-size: 22px;
}

.igw-mtg-single__subtitle {
  font-size: 20px;
}

.igw-mtg-list--abschnitte .igw-mtg-item__subtitle,
.igw-mtg-list--liste .igw-mtg-item__subtitle {
  font-size: 18px;
}

.igw-mtg-rowline {
  margin-bottom: .5rem;
}

.igw-mtg-archive,
.igw-mtg-single {
  max-width: 960px;
  margin: 0 auto;
}

.igw-mtg-single__price {
  font-weight: 700;
  margin-bottom: 1rem;
}

.igw-mtg-empty {
  padding: 1rem 0;
}

@media (orientation: landscape) and (max-width: 959px) and (min-width: 568px),
  (min-width: 960px) {
  .igw-mtg-list--abschnitte .igw-mtg-item {
    grid-template-columns: 25% 50% 25%;
    grid-template-areas: "image content price";
  }

  .igw-mtg-list--abschnitte .igw-mtg-item__price {
    text-align: right;
  }
}