/* FONTS */
/* COLORS */
/* SIZING */
.uebersicht--list {
  display: grid;
  gap: 4rem;
}
@media (min-width: 80rem) {
  .uebersicht--list {
    grid-template-columns: 1fr 1fr;
  }
  .uebersicht--list .uebersicht--produkt.two-column {
    grid-column: span 2;
  }
}
.uebersicht--list .uebersicht--produkt {
  border-bottom: 0.5rem solid;
  background-color: #323249;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  padding: 1.5rem;
  overflow-x: hidden;
  overflow-x: clip;
}
@media (min-width: 45rem) and (max-width: calc(80rem - 1px)) {
  .uebersicht--list .uebersicht--produkt {
    padding: 2rem;
  }
}
@media (min-width: 80rem) {
  .uebersicht--list .uebersicht--produkt {
    padding: 3rem;
  }
  .uebersicht--list .uebersicht--produkt:hover .side-image img {
    transform: translateX(-8%);
  }
}
.uebersicht--list .uebersicht--produkt .uebersicht--logo {
  margin-inline: auto;
  max-width: 100%;
  height: 5rem;
}
@media screen and (min-width: 45rem) {
  .uebersicht--list .uebersicht--produkt .uebersicht--logo {
    margin: 0;
  }
}
.uebersicht--list .uebersicht--produkt h3 {
  padding: 2rem 0 1rem;
}
.uebersicht--list .uebersicht--produkt .side-image {
  align-self: center;
}
.uebersicht--list .uebersicht--produkt .side-image img {
  max-width: 80%;
  margin: auto;
}
@media (min-width: 80rem) {
  .uebersicht--list .uebersicht--produkt .side-image img {
    max-width: none;
    width: 120%;
    justify-self: center;
    transition: transform 1s;
  }
}

/*# sourceMappingURL=produkte.css.map */