#hero {
  position: relative;
}

#hero a {
  display: block;
  position: relative;
}

#hero img {
  display: block;
  width: 100%;
  height: auto;
}

.mod h2 {
    padding-bottom: 30px;
}

#demonstrator-work .mod {
  display: flex;
}

#demonstrator-work .image img {
  width: 100%;
  height: auto;
  display: block;
}

#demonstrator-work .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#demonstrator-work .box {
  height: auto !important;
  min-height: 0 !important;
}

#demonstrator-work .box.right {
  order: 2;
}

#demonstrator-work .box.right + .box {
  order: 1;
}

@media (max-width: 768px) {
  #demonstrator-work .mod {
    flex-direction: column !important;
  }
#demonstrator-work .box {
    order: 0 !important;
  }
}

.inner .headline-01 {
  font-size: 18px;
  margin-top: 19px;
  margin-bottom: 9.5px;
  padding-top: 6px;
}