/*
Emotions
=========================================
Extends the standard Emotion Einkaufswelten
*/

// Resize to full width
.emotion--wrapper {
  .container();
}

// Emotion without emotional shit
.apathic--container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.apathic--element {
  flex: 1 0 100%;
  @media (min-width: @tabletViewportWidth ) {
    .apathic--column-2 & {
      flex-basis: (100%/2);
    }

    .apathic--column-3 & {
      flex-basis: (100%/3);
    }

    .apathic--column-4 & {
      flex-basis: (100%/4);
    }

    .apathic--column-5 & {
      flex-basis: (100%/5);
    }
  }
}
