/* ============================================================
   08-about-photo.css — Über-mich-Foto auf Sunset/Sunshine-
   Verlauf wie im Mockup: warmer Hintergrund schaut hinter
   dem Foto hervor (nach unten links versetzt).
   ============================================================ */

.ao2-about .about-photo{
  position:relative;
  border-radius:22px;
  overflow:visible !important;
  box-shadow:none !important;
  margin:24px 0 24px 24px;
}

/* Sunset->Sunshine-Verlauf, nach unten links versetzt */
.ao2-about .about-photo::before{
  content:"";
  position:absolute;
  top:22px; left:-22px; bottom:-22px; right:22px;
  background:linear-gradient(200deg,#f29e38 0%,#f0c424 100%) !important;
  border-radius:22px;
  z-index:0;
}

.ao2-about .about-photo img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  border-radius:22px;
  box-shadow:0 18px 44px rgba(242,158,56,.30);
}

@media (max-width:860px){
  .ao2-about .about-photo{max-width:380px;margin:18px auto 22px;}
  .ao2-about .about-photo::before{top:16px;left:-16px;bottom:-16px;right:16px}
}