/* Loaded exclusively by page-ueber-mich.php. Homepage and outer landscape are untouched. */
.flussangler-about-public .site-header { background-image:url('../images/header-smal-neu.png'); background-size:100% auto; background-position:center; }
.flussangler-about-public .site-header .primary-nav { text-shadow:none; }
.flussangler-about-public .site-footer { background:linear-gradient(to bottom,rgba(8,17,31,.55),#08111f 78%),url('../images/natur-banner-neu.webp') center 160% / cover no-repeat; padding-block:48px 24px; }
.flussangler-about-public .site-footer .brand-tagline { font-size:14px; }
.flussangler-about-public .about-page { background:linear-gradient(rgba(0,20,40,.55),rgba(0,20,40,.55)),url('../images/flussangler-startseite-hintergrund-1920x1080.webp') center / cover no-repeat; }
.flussangler-about-public .about-page .home-hero,
.flussangler-about-public .about-page .home-closing { background:transparent; }
.flussangler-about-public .about-person { position:relative; aspect-ratio:740 / 428; margin-block:36px; border-radius:18px; overflow:hidden; }
.flussangler-about-public .about-person img { position:absolute; width:103.784%; max-width:none; height:auto; left:-2.162%; top:-9.579%; }
.flussangler-about-public .about-personal-story { border-top:1px solid var(--border); }
.flussangler-about-public .about-personal-story .fa-report-body { line-height:1.8; }
.flussangler-about-public .about-story-images { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:24px; }
.flussangler-about-public .about-story-images figure { margin:0; }
.flussangler-about-public .about-story-images img { display:block; width:100%; height:auto; }
@media(max-width:1199px) {
  .flussangler-about-public .site-header { background-image:none; }
}
@media(max-width:767px) {
  .flussangler-about-public .about-story-images { grid-template-columns:1fr; }
}

/* Original reference proportions and unchanged shared card styling. */
.flussangler-about-public .about-page .hero-grid { grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr); }
.flussangler-about-public .about-personal-story { padding-block:48px 64px; }
.flussangler-about-public .about-personal-story h2 { font-size:28px; }
.flussangler-about-public .about-topic { text-decoration:none; }
.flussangler-about-public .about-topics { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:calc(75% - 4px); margin-inline:auto; }
@media(max-width:1199px) {
  .flussangler-about-public .about-topics { max-width:100%; }
}
@media(max-width:767px) {
  .flussangler-about-public .about-topics { grid-template-columns:1fr; }
}
@media(max-width:1199px) {
  .flussangler-about-public .about-page .hero-grid { grid-template-columns:1fr; }
}
@media(max-width:767px) {
  .flussangler-about-public .about-story-images { grid-template-columns:1fr; }
}