/* =========================================================
   TR BAU, Startseite ab Version 2 (index-v2.html, index-v3.html)
   Ersatz für die GSAP-Effekte der übrigen Seite, gesteuert von main-v2.js.
   Ergänzt style.css, der Hero hat jeweils eine eigene Datei.
   ========================================================= */

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* ---------- Bedienbarkeit ---------- */
/* Fokusrahmen auf blauen und dunklen Flächen weiß, sonst unsichtbar */
.careers :focus-visible,
.site-footer :focus-visible,
.menu :focus-visible,
body.menu-open .site-header :focus-visible { outline-color: #fff; }

/* Klickziele mindestens 24 px hoch (WCAG 2.2, 2.5.8), am Handy großzügiger */
.site-footer li a,
.site-footer p a,
.contact__list .link { display: inline-block; padding: 4px 0; }
@media (max-width: 760px) {
  .site-footer li a, .site-footer p a { padding: 9px 0; }
  .site-footer li + li { margin-top: 0; }
}
.field--check { grid-template-columns: 24px 1fr; }
.field--check input { width: 24px; height: 24px; margin-top: 1px; }

/* Navigation zeigt, in welchem Abschnitt man gerade ist (setzt main-v2.js) */
.site-nav a[aria-current="true"] { background-size: 100% 1.5px; }

@media (prefers-reduced-motion: no-preference) {
  html.js .h2 { overflow: hidden; padding-bottom: .06em; }
  html.js .h2 > .h2__in { display: block; transform: translateY(105%); transition: transform 1.1s cubic-bezier(.16, 1, .3, 1); }
  html.js .h2.is-in > .h2__in { transform: none; }
  .scard { will-change: transform; }
}