/* Zielgruppenseiten: bestehende Inhalte im gemeinsamen VFD-Layout. */
.lp-audience-page .lp-shell { width: min(1180px, calc(100% - 64px)); }
.lp-audience-page :is(h1, h2, h3) { hyphens: manual; overflow-wrap: normal; text-wrap: pretty; }
.lp-audience-page .lp-section { padding-block: 80px; }
.lp-audience-page .audience-hero { padding-bottom: 40px; }
.lp-audience-page .audience-hero .lp-hero-grid { display: flex; flex-direction: column; gap: 40px; padding-block: 32px 40px; }
.lp-audience-page .audience-hero .lp-hero-copy { width: 100%; max-width: 960px; text-align: center; }
.lp-audience-page .audience-hero h1 { max-width: 960px; margin: 0 auto 24px; font-size: clamp(2rem, 3.5vw, 3rem); line-height: 1.18; hyphens: manual; overflow-wrap: normal; }
.lp-audience-page .audience-hero :is(.lp-lead, .advisor-hero-copy) { max-width: 760px; margin: 0 auto 28px; color: var(--lp-muted); font-size: 1rem; line-height: 1.7; }
.lp-audience-page .audience-hero :is(.hero-actions, .lp-actions) { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.lp-audience-page .audience-hero :is(.eyebrow, .lp-eyebrow) { color: var(--lp-accent); }
.lp-audience-page .audience-hero :is(.advisor-demo-note, .lp-hero-note) { margin: 20px auto 0; color: var(--lp-muted); font-size: .85rem; }
.lp-audience-page .lp-video-showcase a { color: #c3ef90; text-decoration: underline; text-underline-offset: 4px; }
.lp-audience-page .lp-video-caption { font-size: .875rem; }
.lp-audience-page .lp-product-seals { display: flex; justify-content: center; gap: 16px; width: fit-content; max-width: 100%; margin: 24px auto 0; padding: 14px 18px; border-radius: 12px; background: #fff; }
.lp-audience-page .lp-product-seals img { width: 156px; height: 78px; object-fit: contain; }
.lp-audience-page .audience-hero-facts { width: 100%; max-width: 960px; display: grid; gap: 24px; }
.lp-audience-page .advisor-hero-trust { margin: 0; }
.lp-audience-page .advisor-hero-points { justify-content: center; gap: 16px 32px; margin: 0; }
.lp-audience-page :is(.eyebrow, .lp-eyebrow) { margin-bottom: 18px; color: #476d2e; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.lp-audience-page .lp-benefits .lp-eyebrow { color: var(--lp-accent); }
.lp-audience-page :is(.advisor-problem, .advisor-pricing, .advisor-faq, .discovery) { background: #fff; }
.lp-audience-page :is(.advisor-process, .advisor-tools, .advisor-consulting, .lead-funnel) { background: var(--lp-light); }
.lp-audience-page .advisor-efficiency { color: var(--lp-muted); background: var(--lp-dark); }
.lp-audience-page .advisor-efficiency :is(h2, strong) { color: #fff; }
.lp-audience-page .advisor-efficiency .eyebrow { color: var(--lp-accent); }
.lp-audience-page .advisor-efficiency .advisor-section-heading > p:not(.eyebrow) { color: var(--lp-muted); }
.lp-audience-page .advisor-outcome-grid article { border: 1px solid #33423b; border-radius: 14px; background: var(--lp-card); }
.lp-audience-page .advisor-outcome-grid p { color: var(--lp-muted); }
.lp-audience-page :is(.advisor-split, .lead-funnel-layout, .lp-workflow-grid, .guarantee-layout) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; align-items: start; }
.lp-audience-page .advisor-solution-card { border: 1px solid #33423b; border-radius: 14px; background: var(--lp-dark); color: var(--lp-muted); box-shadow: none; }
.lp-audience-page .advisor-solution-card :is(h3, p) { color: inherit; }
.lp-audience-page .advisor-solution-card h3 { color: #fff; }
.lp-audience-page .advisor-solution-card > span { color: var(--lp-accent); }
.lp-audience-page .company-gobd-points { color: var(--lp-muted); }
.lp-audience-page :is(.advisor-section-heading, .section-heading) { max-width: 800px; margin-bottom: 40px; }
.lp-audience-page .advisor-video-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
.lp-audience-page .advisor-video-features:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
.lp-audience-page .advisor-video-feature { display: flex; flex-direction: column; align-items: stretch; gap: 24px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.lp-audience-page .advisor-video-feature:nth-child(even) .advisor-video-frame { order: 0; }
.lp-audience-page .advisor-video-frame { width: 100%; overflow: hidden; border-radius: 12px; }
.lp-audience-page .advisor-video-frame video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: var(--lp-dark); }
.lp-audience-page .advisor-video-features:has(> :only-child) .advisor-video-feature { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: center; }
.lp-audience-page .advisor-inline-cta { margin-top: 32px; padding: 28px; border: 1px solid #d9e4d0; border-radius: 14px; background: #fff; color: #213726; }
.lp-audience-page .advisor-inline-cta span { color: #59665b; }
.lp-audience-page .advisor-process-grid { gap: 24px; }
.lp-audience-page .advisor-process-grid li { border-radius: 14px; box-shadow: none; }
.lp-audience-page :is(.advisor-model-grid article, .discovery-card, .lead-funnel-card, .advisor-price-card, .advisor-testimonial-grid figure) { border: 1px solid #d9e4d0; border-radius: 14px; background: #fff; box-shadow: none; }
.lp-audience-page .advisor-model-grid article > span { color: #476d2e; }
.lp-audience-page .advisor-price-card { background: var(--lp-light); }
.lp-audience-page .advisor-price-card.is-featured { border-color: #72974e; background: #edf3e8; }
.lp-audience-page .advisor-price-card strong { color: #213726; }
.lp-audience-page .advisor-license-notes { gap: 20px; }
.lp-audience-page .lp-resources .lp-workflow-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
.lp-audience-page .lead-funnel-card::before { display: none; }
.lp-audience-page .lead-funnel-card strong { hyphens: manual; overflow-wrap: normal; }
.lp-audience-page .advisor-testimonials { background: #edf3e8; }
.lp-audience-page .advisor-testimonial-grid { max-width: none; gap: 32px; }
.lp-audience-page .advisor-testimonial-grid figure { margin: 0; padding: 32px; }
.lp-audience-page .advisor-testimonial-grid blockquote { color: #213726; font-size: 1.2rem; }
.lp-audience-page .advisor-testimonial-grid blockquote p { color: inherit; font-size: inherit; }
.lp-audience-page .advisor-testimonial-grid figcaption img[alt="Procevis"] { width: 110px; height: 56px; border-radius: 0; object-fit: contain; }
.lp-audience-page .advisor-guarantee { background: var(--lp-light); }
.lp-audience-page .guarantee-card { padding: 28px; border: 1px solid #d9e4d0; border-radius: 14px; background: #fff; color: #213726; box-shadow: none; }
.lp-audience-page .guarantee-card :is(strong, p) { color: inherit; }
.lp-audience-page .guarantee-card .button { margin-top: 20px; }
.lp-audience-page .faq-list details { border-color: #d9e2d5; background: #fff; box-shadow: none; }
.lp-audience-page .faq-list summary { color: #213726; }
.lp-audience-page .faq-list p { font: inherit; line-height: 1.7; }
.lp-audience-page .vd-related-reading { padding-block: 48px; border-top: 1px solid #e4e9e1; background: #fff; }
.lp-audience-page .article-sources { font-size: .875rem; }
.lp-audience-page .lp-steps li { font: inherit; }
.lp-audience-page.lp-kanzlei .audience-hero .audience-hero-actions { display: flex; align-items: start; justify-content: center; gap: 16px; margin-inline: auto; }
.lp-audience-page .audience-demo-action { display: grid; gap: 12px; min-width: 0; }
.lp-audience-page.lp-kanzlei .audience-demo-action .lp-hero-note { margin: 0; font-size: .8rem; line-height: 1.6; }
.lp-audience-page :is(.advisor-final-cta, .lp-final) { padding-block: 80px; background: var(--lp-dark); color: var(--lp-muted); }
.lp-audience-page :is(.advisor-final-cta, .lp-final) h2 { max-width: 820px; margin: 0 auto 24px; color: #fff; font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.25; }
.lp-audience-page .advisor-final-layout { display: flex; flex-direction: column; gap: 32px; text-align: center; }
.lp-audience-page .advisor-final-layout > div:first-child { max-width: 820px; }
.lp-audience-page .pricing-cta-actions { width: min(100%, 400px); gap: 16px; }
.lp-audience-page .pricing-cta-actions > span { margin-top: -6px; }
.lp-audience-page :is(.advisor-final-cta, .lp-final) :is(.eyebrow, .lp-eyebrow) { color: var(--lp-accent); }
.lp-audience-page #preise, .lp-audience-page #faq { scroll-margin-top: 180px; }
.lp-audience-page :is(h2[id], h3[id]) { scroll-margin-top: 200px; }
.lp-audience-page + .site-footer .footer-brand { display: block; margin-bottom: 24px; }
@media (max-width: 1024px) {
  .lp-audience-page :is(.advisor-split, .lead-funnel-layout, .lp-workflow-grid, .guarantee-layout, .advisor-video-features, .lp-kanzlei-steps) { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .lp-audience-page .advisor-video-features:has(> :only-child) .advisor-video-feature { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .lp-audience-page :is(.discovery-grid, .advisor-model-grid, .lp-audience-grid) { grid-template-columns: minmax(0, 1fr); }
  .lp-audience-page .advisor-inline-cta { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 600px) {
  .lp-audience-page .lp-shell { width: calc(100% - 40px); }
  .lp-audience-page .lp-section { padding-block: 48px; }
  .lp-audience-page .audience-hero .lp-hero-grid { padding-block: 24px 32px; gap: 32px; }
  .lp-audience-page .audience-hero h1 { font-size: clamp(1.8rem, 7.6vw, 2.3rem); }
  .lp-audience-page h2 { font-size: 1.65rem; line-height: 1.25; }
  .lp-audience-page h3 { font-size: 1.25rem; }
  .lp-audience-page .audience-hero :is(.hero-actions, .lp-actions) { flex-direction: column; align-items: stretch; }
  .lp-audience-page.lp-kanzlei .audience-hero .audience-hero-actions { flex-direction: column; align-items: stretch; gap: 24px; max-width: 400px; }
  .lp-audience-page .lp-product-seals { gap: 12px; padding: 12px; }
  .lp-audience-page .lp-product-seals img { width: 108px; height: 64px; }
  .lp-audience-page .advisor-hero-points { flex-direction: column; align-items: flex-start; }
  .lp-audience-page .advisor-hero-trust { grid-template-columns: minmax(0, 1fr); }
  .lp-audience-page :is(.advisor-testimonial-grid figure, .advisor-inline-cta, .guarantee-card) { padding: 24px; }
  .lp-audience-page :is(.advisor-testimonial-grid, .advisor-outcome-grid) { grid-template-columns: minmax(0, 1fr); }
  .lp-audience-page :is(.advisor-final-cta, .lp-final) { padding-block: 56px; }
  .lp-audience-page :is(.advisor-final-cta, .lp-final) h2 { font-size: 1.65rem; }
  .lp-audience-page .button { min-width: 0; white-space: normal; }
  body:has(.lp-audience-page) .assist-launcher { position: relative; justify-content: center; width: 48px; padding: 0; font-size: 0; }
  body:has(.lp-audience-page) .assist-launcher::before { content: ""; width: 22px; height: 18px; border: 2px solid currentColor; border-radius: 6px; }
  body:has(.lp-audience-page) .assist-launcher::after { content: ""; position: absolute; top: 29px; left: 16px; width: 7px; height: 7px; border-left: 2px solid currentColor; background: #17311f; transform: skewY(-35deg); }
}

/* Existing video-start presentation, limited to this landing page. */
.lp-audience-page .video-player {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border-radius: 10px;
}

.lp-audience-page .video-player video {
  display: block;
}

.lp-audience-page .video-start-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  height: 100%;
  padding: 20px;
  border: 0;
  border-radius: inherit;
  color: #fff;
  background: linear-gradient(180deg, rgba(17, 28, 26, 0.08), rgba(17, 28, 26, 0.4));
  font: inherit;
  cursor: pointer;
}

.lp-audience-page .video-start-overlay[hidden] {
  display: none;
}

.lp-audience-page .video-start-icon {
  display: grid;
  place-items: center;
  width: clamp(60px, 7vw, 84px);
  aspect-ratio: 1;
  border: 2px solid #fff;
  border-radius: 50%;
  color: var(--ink);
  background: var(--green);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}

.lp-audience-page .video-start-icon svg {
  width: 42px;
  height: 42px;
}

.lp-audience-page .video-start-label {
  padding: 7px 16px;
  border-radius: 999px;
  background: #111c1a;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.lp-audience-page .video-start-overlay:hover .video-start-icon,
.lp-audience-page .video-start-overlay:focus-visible .video-start-icon {
  background: #fff;
}

.lp-audience-page .video-start-overlay:focus-visible {
  outline: 3px solid var(--green);
  outline-offset: -5px;
}
