@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
}

#area_aboutme {
  margin-top: 19dvh;
  height: 92dvh;
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  padding-right: 10px;
}
#area_aboutme #about_zitat {
  text-align: center;
}
#area_aboutme #about_facts {
  padding-top: 10dvh;
  display: flex;
  justify-content: center; /* horizontal zentrieren */
  opacity: 0;
  transition: opacity 1s ease-in-out;
  transform: translateY(20px);
  transition: opacity 1s ease, transform 1s ease;
}
#area_aboutme #about_facts .facts_grid {
  width: 70%;
  display: grid;
  grid-template-columns: 99%;
}
#area_aboutme #about_facts .facts_grid #facts_picture img {
  border-radius: 50%;
}
#area_aboutme #about_facts .facts_grid #facts_text {
  display: flex;
  align-items: center; /* vertikal zentrieren */
}
#area_aboutme #about_facts.show {
  opacity: 1;
  transform: translateY(0);
}

/* ---- MEDIA QUERIES ---- */
/* Media Query: Tablet Portrait (z. B. iPad Pro 11") */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #area_aboutme #about_facts .facts_grid {
    width: 70%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}
@media only screen and (max-width: 932px) and (orientation: landscape) {
  #area_aboutme #about_facts .facts_grid {
    width: 70%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}
/* Media Query: Tablet Landscape (z. B. iPad Pro 11") */
@media only screen and (min-width: 933px) and (orientation: landscape) {
  #area_aboutme #about_facts .facts_grid {
    width: 70%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  #area_aboutme #about_facts .facts_grid {
    width: 70%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
  #area_aboutme #about_facts .facts_grid {
    width: 70%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}
@media only screen and (min-width: 1400px) {
  #area_aboutme #about_facts .facts_grid {
    width: 70%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}/*# sourceMappingURL=sfr_website_aboutme.css.map */