/* V18 – gezielte Korrekturen am bestehenden System; keine neuen Layoutfamilien. */

/* Die Figure besitzt bereits den Seitengutter. Kein zweiter Einzug im Text. */
.news-detail__hero figcaption {
  padding-inline: 0;
  line-height: 1.5;
}

/* Natürliche Bilder erhalten Bannerenden, Ausstellungsschrift und Spiegelungen. */
.news-detail__hero--landscape img {
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
}
.news-detail__hero--square {
  width: min(100%, 58rem);
}

/* Der Ortszusatz bleibt bei seinem Namen, auch in der Archivüberschrift. */
.place-name { white-space: nowrap; }

/* Klickfläche wächst im normalen Flow, ohne unsichtbare überlappende Hitboxen. */
.brand,
.section-route,
.news-read,
.detail-back,
.source-link,
.page--projects .project-context-link,
.site-footer nav a,
.footer__legal > a {
  min-height: 2.75rem;
}
.section-route,
.news-read,
.detail-back,
.source-link,
.page--projects .project-context-link,
.site-footer nav a,
.footer__legal > a {
  padding-block: 0.65rem;
}
.detail-back,
.site-footer nav a,
.footer__legal > a {
  display: inline-flex;
  align-items: center;
}
.site-footer nav a { min-width: 2.75rem; }
.footer__legal { align-items: center; }
.page--projects .project-access-link {
  display: block;
  min-height: 2.75rem;
  padding-block: 0.625rem;
  margin-block: -0.625rem;
}

/* Kontakthinweise bleiben Text; eigenständige Kontaktwerte erhalten Touchhöhe. */
@media (max-width: 980px) {
  .contact-cta__action > p a,
  .legal-copy a[href^="tel:"],
  .legal-copy a[href^="mailto:"] {
    display: inline-block;
    min-height: 2.75rem;
    padding-block: 0.5rem;
  }
}

/* Form bleibt dunkel. Helle Outline wird außerhalb des Buttons klar sichtbar. */
:focus-visible {
  outline-color: currentColor;
}
.contact-form__submit:focus-visible {
  outline-color: var(--paper-light);
}

/* Hover liefert zusätzlich eine Formänderung; keine neue Pfeilrichtung. */
@media (hover: hover) {
  .section-route:hover,
  .news-read:hover,
  .detail-back:hover,
  .source-link:hover,
  .project-context-link:hover,
  .project-access-link:hover,
  .site-footer nav a:hover,
  .footer__legal > a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.25em;
  }
  .brand:hover .brand__name { text-decoration: underline; }
}
.section-route:hover span,
.section-route:focus-visible span {
  transform: translateX(0.15rem);
}

/* Der letzte Projektblock ist ein Hochformatmotiv, auch unter 700 px. */
.page--projects .project-chapter--right:last-child figure img {
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain;
}

@media (max-width: 700px) {
  /* Das gehaltene Foto und beide Hände bleiben im mobilen Arbeitsbild sichtbar. */
  .profile-work img {
    height: auto;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
  }
}