/*
  Stabiler Desktopbereich „Über mich“.
  Text und Portrait haben auf kleineren Desktop- und Laptop-Breiten bewusst
  getrennte Sicherheitsbereiche. Die Handy-Regeln werden nicht berührt.
*/
@media (min-width: 901px) and (max-width: 1399px) {
  #ueber.about-contact-card .about-copy {
    max-width: min(38vw, 530px) !important;
    transform: none !important;
  }

  #ueber.about-contact-card .about-info-card {
    left: 45% !important;
    width: min(23vw, 330px) !important;
  }

  #ueber.about-contact-card .about-portrait-lean {
    right: clamp(22px, 4vw, 58px) !important;
    width: clamp(190px, 17vw, 235px) !important;
  }
}

/* Auf großen Bildschirmen bleibt ein klarer Puffer zwischen Text und Foto. */
@media (min-width: 1400px) {
  #ueber.about-contact-card .about-copy {
    max-width: min(39vw, 600px) !important;
  }

  #ueber.about-contact-card .about-info-card {
    left: clamp(46%, 48vw, 49%) !important;
    width: min(23vw, 390px) !important;
  }

  #ueber.about-contact-card .about-portrait-lean {
    right: clamp(32px, 5vw, 96px) !important;
    width: clamp(220px, 15vw, 290px) !important;
  }
}