.flex_wrap { display:flex; justify-content: space-between; flex-wrap: wrap; }

.flex_1,
.flex_2,
.flex_3,
.flex_4,
.flex_5,
.flex_6,
.flex_7,
.flex_8,
.flex_9,
.flex_10,
.flex_11,
.flex_12 {
  display: block;
  position:relative;
}

/* 1 Spalte = 6% */
/* 1 Abstand = 2,54545455% */
.flex_1 { width: 6%; }
.flex_2 { width: 14.54545455%; }
.flex_3 { width: 23.0909091%; }
.flex_4 { width: 31.63636365%; }
.flex_5 { width: 40.1818182%; }
.flex_6 { width: 48.72727275%; }
.flex_7 { width: 57.2727273%; }
.flex_8 { width: 65.81818185%; }
.flex_9 { width: 74.3636364%; }
.flex_10 { width: 82.90909095%; }
.flex_11 { width: 91.4545455%; }
.flex_12 { width: 100%; }

.flex_alpha {}
.flex_omega {  }