  :root { --pf-accent: var(--pf-orange); --pf-accent-tint: var(--pf-orange-tint); }
  html { scroll-behavior: smooth; scroll-padding-top: 150px; }
  body { background: var(--surface-page); }
  a { color: var(--pf-orange); }
  a:hover { color: var(--pf-red); }
  a:focus-visible, button:focus-visible { outline: 2px solid var(--pf-orange); outline-offset: 3px; border-radius: 4px; }
  .cta-pill { transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
  .cta-pill:hover { transform: translateY(-2px); box-shadow: var(--shadow-glow); }
  .ausb-card { transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
  .ausb-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
  .ausb-cta { transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
  .ausb-cta:hover { transform: translateY(-2px); }
  .acc-panel.open { grid-template-rows: 1fr; }
  /* Ablauf timeline */
  .flow-steps { display:grid; grid-template-columns:repeat(4, 1fr); gap:clamp(1rem, 2vw, 2rem); position:relative; margin-top:clamp(2.5rem, 4vw, 3.5rem); }
  .flow-steps::before { content:""; position:absolute; top:26px; left:12%; right:12%; height:2px; background:linear-gradient(90deg, rgba(255,138,0,0.25), var(--pf-orange) 50%, rgba(255,138,0,0.25)); z-index:0; }
  .flow-step { position:relative; z-index:1; text-align:center; display:flex; flex-direction:column; align-items:center; }
  .flow-num { box-sizing:border-box; padding-top:0.32em; line-height:1; width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:1.35rem; color:#fff; background:var(--pf-orange); box-shadow:0 8px 20px rgba(255,138,0,0.32), 0 0 0 6px var(--surface-sunken); }
  .flow-title { font-family:var(--font-display); font-size:clamp(1.05rem, 0.9rem + 0.4vw, 1.28rem); letter-spacing:var(--ls-display); color:var(--text-strong); line-height:1.16; margin-top:var(--space-4); text-wrap:balance; }
  .flow-body { font-family:var(--font-body); font-size:var(--fs-small); line-height:1.55; color:var(--text-body); margin-top:var(--space-2); text-wrap:pretty; }
  .flow-mobile { display:none; }
  .flow-vt { position:relative; padding-left:calc(52px + var(--space-4)); }
  .flow-vt::before { content:""; position:absolute; left:25px; top:14px; bottom:14px; width:2px; background:linear-gradient(var(--pf-orange), rgba(255,138,0,0.3)); }
  .flow-vitem { position:relative; padding-bottom:var(--space-6); }
  .flow-vitem:last-child { padding-bottom:0; }
  .flow-vnum { box-sizing:border-box; padding-top:0.32em; line-height:1; position:absolute; left:calc(-1 * (52px + var(--space-4))); top:-2px; width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:1.35rem; color:#fff; background:var(--pf-orange); box-shadow:0 6px 16px rgba(255,138,0,0.28), 0 0 0 5px var(--surface-page); }
  @media (max-width:820px){ .flow-steps { display:none; } .flow-mobile { display:block; margin-top:clamp(2rem, 6vw, 2.75rem); } }
  @media (max-width: 900px) { .hero-grid { grid-template-columns:1fr !important; } .form-grid { grid-template-columns:1fr !important; } .form-shell { grid-template-columns:1fr !important; } .sinnvoll-grid { grid-template-columns:1fr !important; } .companion-card { grid-template-columns:1fr !important; } .companion-media { min-height:0 !important; height:clamp(220px, 60vw, 320px) !important; } }
  @media (max-width: 640px) { .ausb-grid { grid-template-columns:1fr !important; } .train-grid { grid-template-columns:1fr !important; } }
  @media (prefers-reduced-motion: reduce) {
    html { scroll-behavior:auto; }
    #hero-depth, #hero-veil { transform:none !important; }
  }
  .pf-count { white-space:nowrap; padding-block:0.14em; margin-block:-0.14em; }
  @media (max-width: 640px) {
    .trust-metric .pf-count { font-size:1.75rem !important; flex:0 0 8.5rem; min-width:8.5rem; }
  }
