/* GET — Audiences / Einsatzbereiche */
.get-audiences { position: relative; overflow: hidden; padding: clamp(76px, 9vw, 128px) 0; background: #fff; color: #253746; }
.get-audiences__intro { max-width: 790px; margin: 0 auto 48px; text-align: center; }
.get-audiences__eyebrow { display: inline-flex; gap: 12px; align-items: center; margin-bottom: 15px; color: #a18300; font-size: .75rem; font-weight: 800; letter-spacing: .17em; }
.get-audiences__eyebrow span { color: #9aa6ae; }
.get-audiences__intro h2 { font-family: Manrope, sans-serif; font-size: clamp(2rem, 4vw, 3.45rem); line-height: 1.14; font-weight: 800; letter-spacing: -.045em; }
.get-audiences__intro h2 em { color: #b58c00; font-style: normal; }
.get-audiences__intro p { margin: 18px auto 0; max-width: 630px; line-height: 1.8; color: #62717e; }
.audience-card { position: relative; isolation: isolate; min-height: clamp(255px, 25vw, 340px); overflow: hidden; border-radius: 19px; background: #253746; box-shadow: 0 14px 35px rgba(37,55,70,.09); transition: box-shadow .4s ease, transform .4s ease; }
.audience-card__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 22%; transform: scale(1.03); filter: saturate(.82); transition: transform .85s cubic-bezier(.2,.7,.2,1), filter .5s ease; }
.audience-card__shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(10,25,38,.17),rgba(10,25,38,.58) 48%,rgba(10,25,38,.94)); }
.audience-card::after { content: ''; position: absolute; left: 28px; bottom: 0; height: 4px; width: 0; background: #ffcc00; transition: width .5s ease; }
.audience-card__content { position: absolute; z-index: 1; inset: auto 30px 27px; color: #fff; }
.audience-card__index { display: flex; gap: 12px; align-items: center; margin-bottom: 13px; color: #ffcc00; font-size: .82rem; font-weight: 800; letter-spacing: .13em; }
.audience-card__index i { font-size: 1.1rem; }
.audience-card h3 { max-width: 320px; margin: 0; font-family: Manrope, sans-serif; font-size: clamp(1.35rem, 2vw, 1.85rem); font-weight: 800; letter-spacing: -.03em; }
.audience-card p { max-width: 360px; margin: 10px 0 0; color: #e1e8ed; font-size: .88rem; line-height: 1.55; opacity: .92; }
.audience-card__corner { position: absolute; z-index: 1; top: 22px; right: 22px; display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid rgba(255,255,255,.42); border-radius: 50%; color: #fff; transition: color .3s ease, background .3s ease, transform .3s ease; }
.get-audiences__footnote { margin: 24px 0 0; color: #84919a; font-size: .77rem; text-align: center; }
@media (hover:hover) and (pointer:fine) { .audience-card:hover { transform: translateY(-6px); box-shadow: 0 24px 50px rgba(37,55,70,.18); } .audience-card:hover .audience-card__image { transform: scale(1.12); filter: saturate(1); } .audience-card:hover::after { width: calc(100% - 56px); } .audience-card:hover .audience-card__corner { color: #253746; background: #ffcc00; border-color: #ffcc00; transform: rotate(45deg); } }
.get-audiences.is-motion-ready [data-audience-reveal] { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; }
.get-audiences.is-motion-ready [data-audience-reveal].is-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 767.98px) { .get-audiences { padding: 68px 0; } .get-audiences__intro { margin-bottom: 32px; } .audience-card { min-height: 285px; } .audience-card__content { inset: auto 22px 24px; } .audience-card::after { left: 22px; } }
@media (prefers-reduced-motion: reduce) { .get-audiences *, .get-audiences *::after { animation: none !important; transition: none !important; } .get-audiences.is-motion-ready [data-audience-reveal] { opacity: 1; transform: none; } }