/* ÜBER MICH */
.section--ueber{
  --r-sm:12px; --r:16px; --r-lg:24px;
  --portrait-radius:999px;
  --portrait-size: clamp(220px, 18vw, 360px);
  background:
    radial-gradient(700px 420px at -10% 20%, #c1dcaf2b 0 55%, transparent 56% 100%),
    linear-gradient(180deg, #fff 0%, var(--sage-50, #f6fbf3) 100%);
  border-top:1px solid var(--border, #e3eadf);
  border-bottom:1px solid var(--border, #e3eadf);
  padding-block: clamp(40px, 8vw, 110px);
}

.section--ueber .about{
  display:grid; grid-template-columns: auto minmax(320px, 1fr);
  gap: clamp(20px, 4vw, 48px); align-items:center; justify-items:start;
}
.section--ueber .about-photo.is-round{
  width: var(--portrait-size); aspect-ratio:1/1; display:block; object-fit:cover;
  border-radius: var(--portrait-radius) !important; clip-path: circle(50% at 50% 50%);
  background:#fff; border:1px solid var(--border, #e3eadf); box-shadow:0 18px 40px rgba(35,51,35,.12);
}

.section--ueber .about-text{ max-width:62ch; min-width:0; }
.section--ueber .about-text p{ color:#324132; line-height:1.65; margin:.45rem 0 .9rem; overflow-wrap:anywhere; hyphens:auto; }

.section--ueber .about-list{
  list-style:none; margin:.6rem 0 1rem; padding:0; color:#324132; display:grid; gap:.55rem;
}
.section--ueber .about-list li{ display:flex; align-items:flex-start; gap:.6rem; overflow-wrap:anywhere; hyphens:auto; }
.section--ueber .about-list li::before{
  content:""; width:.5rem; height:.5rem; border-radius:999px; background: var(--accent-green, #9fcd9f);
  margin-top:.55rem; flex:0 0 .5rem;
}

.section--ueber .btn{ border-radius:999px; }
.section--ueber .about-text .btn{ margin-top:.6rem; }

@media (max-width:980px){
  .section--ueber .about{ grid-template-columns:1fr; justify-items:center; text-align:left; }
  .section--ueber .about-photo.is-round{ margin-inline:auto; }
}