#kontakt-bg {
  height: clamp(200px, 33vw, 400px);
  background: url('../images/index/viessmann.jpg');
  background-repeat: no-repeat;
  background-position: 50% 71%;
  background-size: cover;
}

#kontakt {
  display: flex;
  align-items: center;
  height: 100%;
}

#kontakt h1 {
  color: var(--grey-light);
}

#div-flex {
  display: flex;
  gap: clamp(1rem, 3vw, 3rem);
  align-items: center;
  justify-content: center;
}

#div-flex div:first-child {
  display: none;
}

@media (min-width: 800px) {
  #div-flex div:first-child {
    display: initial;
  }
}

#div-flex h2 {
  margin: 0;
}

#div-flex img {
  width: clamp(100px, 20vw, 300px);
}

#div-flex i {
  color: var(--copper);
}

#div-flex a {
  color: var(--navy);
  text-decoration: underline;
}