/* Loaded only by /fuer-azubis/ and /fuer-unternehmen/. Shared design stays intact. */
.audience-body { min-width: 0; }
.audience-page { max-width: 1180px; }
.audience-page :is(.hero-split, .card-grid, .numbered-grid, .status-columns) > * { min-width: 0; }
.audience-page :is(.cta-button, .button-outline) { max-width: 100%; white-space: normal; text-align: center; overflow-wrap: anywhere; }
.audience-page :is(.phone-mockup, .tablet-mockup) { max-width: 100%; }
.audience-page .card-grid p + p { margin-top: 1rem; }
.audience-page .card-grid .eyebrow { color: var(--purple-light); font-size: .78rem; margin-bottom: .65rem; }
.audience-page .audience-status { color: var(--purple-light); font-size: .9rem; }
.audience-page .audience-note { max-width: 85ch; margin: 1.5rem 0; color: var(--muted); font-size: .88rem; }
.audience-page .audience-note.audience-status { color: var(--purple-light); }
.audience-page .audience-transparency { max-width: 85ch; margin-bottom: 0; padding-top: 1.3rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; }
.audience-page .audience-recruiter-steps { list-style: none; padding: 0; }
.audience-page .audience-recruiter-steps > li { margin-top: 0; }
.audience-page .audience-evidence { padding-top: 1.5rem; border-top: 1px solid var(--line); }
.audience-page .audience-evidence h3 { font-size: 1.05rem; }
.audience-page .audience-section-link { margin-top: 1.3rem; }
.audience-page #warum { scroll-margin-top: 160px; }
@media (min-width: 700px) and (max-width: 900px) {
  .audience-page .numbered-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audience-page .audience-recruiter-steps { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .audience-page h1 { font-size: clamp(1.75rem, 8.5vw, 2.6rem); line-height: 1.15; }
}
@media (max-width: 480px) {
  .audience-page .button-outline { width: 100%; }
  .audience-page .hero-actions { flex-direction: column; }
  .audience-page .hero-actions :is(.cta-button, .button-outline) { padding-inline: 1rem; }
}