#about__cover {
  background-image:url('/assets/images/About-1@2x.jpg');
  background-size:cover;
  background-position: center;
  padding-bottom: calc(2 * var(--spacing-unit));
}

#about__cover h2,
#about__cover .topline {color:white!important;letter-spacing: .5px;}

@media screen and (max-width: 375px) {
  #about__cover {
    background-image:url('/assets/images/About-1__mobile.jpg');
  }
}

.spiral {
  width: 28vw;
  top:1em;
  right: 11vw;
}

.arrow-down {
  width: 4.83vw;
  bottom:6vh;
  left: 14vw;
}

.arrow-right {
  width: 17vw;
  margin-left:45%;
}

.tool-grid h3 {
  text-align:left;
}

.tool-grid .column.column:nth-child(odd) {
  background-color: var(--color-grey)
}


/** About page  - move to sub */
@media screen and (min-width:768px) {
  .tool-grid .block-type-text {
    font-size:1.2vw;
  }
  .about-who .block-type-text,
  .about-warum .block-type-text,
  .about-network .block-type-text,
  .about-kontakt .block-type-text {
    font-size: 1.5vw;
    padding: 5vw !important;
  }

  .about-who-2 .column,
  .about-partner .column {
    padding:5vw!important;
  }

}

.about-who-2 .column,
.about-partner .column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

.about-who-2 .column:nth-child(even),
.about-partner .column:nth-child(odd) {
  background: var(--color-grey)
}

.about-who-2 figure {
  max-width:180px;
}

@media screen and (max-width:480px) {
  .tool-grid .column {
    min-height:100vw !important;
  }

}

@media screen and (min-width: 768px) {
  .about-who-2 .column, .about-partner .column {
      height: 50vw;
  }
}