.button {
  display: inline-block;
  font-size: 1em;
  color: Black;
  width: auto;
  padding: 0.2em 0.6em 0.2em 0.8em;
  margin-top: 0.7em;
  margin-left: -0.5em;
  border-style: solid;
  border-width: 0.12em;
  border-color: Black;
  border-radius: 10em;
}

.button:hover {
  background-color: Black;
  color: white;
  text-decoration: none;
}

.button:focus {
  background-color: Black;
  color: white;
  text-decoration: none;
}

#left a:focus {
  text-decoration: none;
}

#profilbild {
  grid-area: 1/3/3/12;
}

.profilbildcover {
  position: relative;
  margin-top: -15vh;
  height: 85vh;
  width: 100%;
}

svg {
  width: auto;
  max-width: 100%;
  height: 100%;
  mix-blend-mode: difference;
  fill: white;
  transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 1000px) {
  .profilbildcover {
    height: auto;
    max-height: 70vh;
    width: auto;
    margin-top: -15vw;
  }
  #profilbild {
    grid-area: 2/5/2/13;
  }
}
@media screen and (max-width: 768px) {
  .profilbildcover {
    height: auto;
    max-height: 85vh;
    width: auto;
    margin-top: -10vh;
  }
  #profilbild {
    grid-area: 1/3/4/13;
  }
}

/*# sourceMappingURL=about.css.map */