/*
******************************
** Form Styles
******************************
*/
/*
******************************
** Media Query Mixin
******************************
*/
.produktkacheln {
  display: grid;
  gap: 10px;
}
.produktkacheln .col {
  background: linear-gradient(180deg, var(--color-medium) 0%, var(--color-gray-light) 100%);
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.produktkacheln .col img {
  margin-bottom: 15px;
}
.produktkacheln .col .name {
  word-break: break-word;
  font-size: var(--fontsize-xs);
}

@media screen and (min-width: 481px) {
  .column--2cols.special .produktkacheln {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width:541px) {
  .column--2cols.special .produktkacheln {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width:768px) {
  .column--2cols.special .produktkacheln {
    grid-template-columns: repeat(4, 1fr);
  }
}