@charset "UTF-8";
/* UI neutral */
/* status */
.about-me-container {
  max-width: 661px;
  position: relative;
}
.about-me-container:not(:first-of-type) {
  margin-top: 5rem;
}
.about-me-container > img {
  display: block; /* verhindert Inline-Gap */
  width: 100%; /* skaliert auf Containerbreite */
  height: auto; /* behält Seitenverhältnis */
  max-width: 100%; /* kein Overflow */
}
.about-me-container .about-me-content {
  position: absolute;
  overflow: hidden;
  color: rgb(80.75, 80.75, 80.75);
}
.about-me-container .about-me-content h2 {
  margin-top: 0;
}
.about-me-container .about-me-content p {
  margin: 0;
  padding: 0;
}
.about-me-container .about-me-content .slope {
  float: right;
  width: 100%;
  height: 100%;
  shape-margin: 0.2rem;
  pointer-events: none;
}
.about-me-container .about-me-content .slope-guard {
  float: right;
  height: 0;
  pointer-events: none;
}
.about-me-container .about-me-content.content-1-1 {
  left: 0.208%;
  top: 46.33%;
  width: 49.219%;
  height: 45.198%;
}
.about-me-container .about-me-content.content-1-1 .slope {
  shape-outside: polygon(100% 80.25%, 75.264% 80.25%, 75.264% 100%, 100% 100%);
}
.about-me-container .about-me-content.content-1-1 .slope-guard {
  width: 24.736%;
}
.about-me-container .about-me-content.content-1-2 {
  left: 37.246%;
  top: 82.598%;
  width: 40.896%;
  height: 17.401%;
  color: #000;
}
.about-me-container .about-me-content.content-1-2 .no-scroll-container {
  text-align: center;
}
.about-me-container .about-me-content.content-2 {
  left: 52.817%;
  top: 34.63%;
  width: 47.183%;
  height: 65.37%;
}
.about-me-container .about-me-content.content-3 {
  left: 0;
  top: 0;
  width: 61.077%;
  height: 76.25%;
}
.about-me-container .about-me-content.content-3 .slope {
  shape-outside: polygon(100% 72.336%, 72.712% 72.336%, 72.712% 100%, 100% 100%);
}
.about-me-container .about-me-content.content-3 .slope-guard {
  width: 27.288%;
}
.about-me-container .about-me-content.content-4 {
  left: 0;
  top: 0;
  width: 66.431%;
  height: 86.176%;
}
.about-me-container .about-me-content.content-4 .slope {
  shape-outside: polygon(100% 20.784%, 90.192% 20.784%, 81.023% 26.576%, 72.495% 44.293%, 70.362% 60.136%, 63.539% 79.05%, 59.915% 84.668%, 59.915% 100%, 100% 100%);
}
.about-me-container .about-me-content.content-4 .slope-guard {
  width: 40.085%;
}
.about-me-container .about-me-content .no-scroll-container, .about-me-container .about-me-content .scroll-container {
  margin: 1em;
  box-sizing: border-box;
  height: calc(100% - 2em);
}
.about-me-container .about-me-content .scroll-container {
  position: relative;
  overflow: auto;
}

@supports not (shape-outside: polygon(0 0, 100% 0, 0 100%)) {
  .about-me-container > .slope {
    display: none;
  }
  .about-me-container > .slope-guard {
    display: none;
  }
}/*# sourceMappingURL=about_me.css.map */