/* Echtes Titelmotiv mit weichem Übergang in den bestehenden Hero. */
.audit-page .home-shell { width: min(100% - 3rem, 1380px); }
.audit-hero { background: #020b0a; }
.audit-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 0 32%;
  background: url("../images/gutachten-blaumeise.webp") center / cover no-repeat;
}
.audit-hero-overlay {
  background:
    linear-gradient(90deg, #020b0a 0%, rgba(1, 10, 9, 0.98) 32%, rgba(1, 10, 9, 0.85) 45%, rgba(1, 10, 9, 0.18) 62%, transparent 80%),
    linear-gradient(180deg, rgba(1, 9, 8, 0.12), transparent 65%, #020b0a 100%);
}
@media (max-width: 1000px) {
  .audit-hero::before { inset: 70px 0 auto; height: 320px; background-position: center; }
  .audit-hero-overlay {
    background: linear-gradient(180deg, rgba(1, 10, 9, 0.15) 70px, transparent 170px, rgba(1, 10, 9, 0.7) 280px, #020b0a 390px);
  }
  .audit-hero-inner { padding-top: 320px; }
}
@media (max-width: 760px) {
  .audit-page .home-shell { width: min(100% - 2rem, 1380px); }
}
@media (max-width: 480px) {
  .audit-hero::before { height: 240px; }
  .audit-hero-overlay {
    background: linear-gradient(180deg, rgba(1, 10, 9, 0.12) 70px, transparent 160px, rgba(1, 10, 9, 0.65) 250px, #020b0a 310px);
  }
  .audit-hero-inner { padding-top: 270px; }
}