@keyframes wackelhin {
	0% {
		transform: rotate(180deg);
	}
	30% {
		transform: rotate(-17deg);
	}
	50% {
		transform: rotate(5deg);
	}
	70% {
		transform: rotate(-3deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@keyframes wackelher {
	0% {
		transform: rotate(-180deg);
	}
	30% {
		transform: rotate(17deg);
	}
	50% {
		transform: rotate(-5deg);
	}
	70% {
		transform: rotate(3deg);
	}
	100% {
		transform: rotate(0deg);
	}
}


.network {
	@media screen and (min-width: 700px) {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		animation-duration: 2s;
		animation-name: wackelhin;
	}
}

.network__inner {
  line-height: 1.2;
  background: var(--red);
  width: 15rem;
  height: 15rem;
  color: #fff;
  border-radius: 7.5rem;
  padding: 1em;
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  @media screen and (min-width: 700px) {

    animation-duration: 2s;
    animation-name: wackelher;
  }
}
.network__item {
  &:before {
    display: none!important;
    margin: 0;
  }
  @media screen and (min-width: 700px) {
    margin: 0!important;
    width: 33.3333%;
    &:nth-child(1) { order: 3; transform: translateY(46%); div { background: var(--red); } }
    &:nth-child(2) { width: 100%; order: 1; margin-bottom: -5em!important; div { background: var(--blue); }}
    &:nth-child(3) { order: 2; margin-bottom: 1em!important; div { background: var(--green); }}
    &:nth-child(4) { order: 4; margin-bottom: 1em!important; div { background: var(--orange); }}
    &:nth-child(5) { order: 5; div { background: var(--blue); }}
    &:nth-child(6) { order: 6; transform: translateY(50%); margin-bottom: 5em!important; div { background: var(--orange); }}
    &:nth-child(7) { order: 7; div { background: var(--green); }}
  }
  &:nth-child(1) { div { background: var(--red); } }
  &:nth-child(2) { div { background: var(--blue); }}
  &:nth-child(3) { div { background: var(--green); }}
  &:nth-child(4) { div { background: var(--orange); }}
  &:nth-child(5) { div { background: var(--blue); }}
  &:nth-child(6) { div { background: var(--orange); }}
  &:nth-child(7) { div { background: var(--green); }}

}
.network__headline {
  margin: 0 0 .3em!important;
  line-height: 1!important;

}
.network__sublist {
  font-size: .85rem;
  line-height: 1.15!important;
}