/* ---- 2 Container nebeneinander Verhältnis 1 zu 1-----*/

.flex-container{
    display: flex;
    justify-content: center;
    /*border-style: solid;*/
  }
  
  .flex-item {
    flex-grow: 1;
    flex-shrink: 1;
    flex-wrap: no_wrap;
    /*flex-basis: content;*/
    /*border-style: solid;*/
    padding: 0.5em 1em 0 0.5em;
    margin: 1em 1em;
  }

  .no_wrap {
    flex-wrap: nowrap;
  }

  @media screen and (max-width: 960px) {
    .flex-container {
        flex-direction: column;
    }
  }